《web》专题

本文向大家介绍@media print可以用来控制web打印样式吗？相关面试题，主要包含被问及@media print可以用来控制web打印样式吗？时的应答技巧和注意事项，需要的朋友参考一下 可以。

问题内容： 我正在研究一个jQuery主题，其中包括对尽可能多的表单元素进行样式化。最初，它是为Webkit（Chrome）开发的。现在，我也想使其与Firefox一起使用。 问题是；Firefox在某些特定于Webkit的语法上存在问题。 例如： 问题是位。删除它，Firefox运行正常。它也做到这一点对于其他类似语法，并使用所有其他的事情标签。它可以识别出自己的标签，虽然很好。 Webkit似

问题内容： 创建网页时，我们如何在所有浏览器中实现一致的字体大小。我在CSS中使用过类似的内容，但是在Firefox，IE，Google Chrome和Safari中，文本看起来有所不同（甚至在不同的平台上也是如此）。基本上是在运行Windows Vista的同一台计算机上，在不同的浏览器下我会得到不同的外观。 如何解决此问题，以使文本大小在所有不同的浏览器上都相同。 问题答案： 使用px（像素）

问题内容： 有没有办法用JavaScript 设置Webkit关键帧的或？ 问题答案： 各种解决方案： 只需向标题添加样式定义。如果可能的话，通过DOM定义会更干净/更好。 编辑：使用旧方法的Chrome中出现错误

问题内容： 我想在圆圈内有一个正方形的图像。 当用户将鼠标悬停在图像上时，图像应缩放（放大）。 圆应保持相同大小。 仅在CSS过渡期间，方形图像才与圆形重叠（好像overflow：hidden根本不存在）。 这是一个在Chrome和Safari中具有怪异行为的演示：http : //codepen.io/jshawl/full/flbau 在Firefox中正常工作。 问题答案： 我删除了一些多余

问题内容： jQuery中 是否有办法为Webkit和Mozilla浏览器中的css3 border-radius 属性设置动画？ 我还没有找到可以做到的插件。 问题答案： 我本来希望像… …会工作。但是，我错了：Webkit允许您通过 设置 所有四个角的值，但不允许您重新读取它- 因此，使用上面的代码，动画将始终从0开始而不是从10开始。IE具有相同的功能问题。Firefox 将 让您将其读回，

问题内容： 我有： 我要捆绑的JS文件。 我想编译为CSS的LESS文件（将@imports解析为一个包）。 我希望将它们指定为两个单独的输入，并具有两个单独的输出（可能通过extract-text-webpack- plugin）。Webpack具有所有合适的插件/加载器来进行编译，但似乎不喜欢这种分离。 我已经看到了一些人的示例，这些人直接从JS需要他们的LESS文件，例如，其原因仅是告诉We

问题内容： 我在使用google-webfonts时遇到了非常糟糕的冲突。好的，这是代码： 这是头脑： 这是在css文件中： “ Oswald ”是3种字体的字体家族： 书（300） 普通（400） 粗体（700） 如您所见，我只加载了黑体字（700）。（您可以在查询中看到它）并且它一直工作到这里…… 问题是： 我在计算机上安装了3种字体（300,400,700）的桌面版本，只要激活了这些字体…浏

问题内容： 我正在尝试使用CSS属性控制Google Chrome浏览器的（可怕的）字体抗锯齿功能，但它对文本完全没有影响。 我已经比较了Photoshop中的像素，这三个像素完全相同。Chrome浏览器不再支持此属性吗？ 问题答案： -webkit-font-smoothing不再起作用。Google Chrome小组有意更改了此行为。似乎以前版本的OSX并未“正确”应用字体平滑处理。

问题内容： 我正在构建一个与文档交互以供以后打印的Web应用程序。在某些方面类似于Google文档。我正在考虑在我的文档页面的CSS上使用cm / mm，因为它将对我的文档生成有所帮助。例： 遵循此方法的主要问题是什么？ 问题答案： W3C在CSS单元主题上有一篇很棒的文章。特别是： 厘米：不建议用于屏幕/建议用于打印 所谓的绝对单位（cm，mm，in，pt和pc）在CSS中的含义与其他地方相同。

问题内容： 背景 我正在为两个公益网站编写和使用一个非常简单的基于CGI的（Perl）内容管理工具。它为网站管理员提供事件的HTML表单，这些表单将填写字段（日期，位置，标题，描述，链接等）并保存。在该表格上，我允许管理员上传与事件相关的图像。在显示表单的HTML页面上，我还显示了上传图片的预览（HTML img标签）。 问题 当管理员想要更改图片时，会发生此问题。他只需要点击“浏览”按钮，选择一

问题内容： 我正在使用-webkit-transform（和-moz-transform /-o-transform）来旋转div。还添加了固定的位置，以便div与用户一起滚动。 在Firefox中工作正常，但在基于Webkit的浏览器中却坏了。使用-webkit-transform后，固定的位置不再起作用！那怎么可能？ 问题答案： 经过一番研究，出现了一个错误报告上的Chromium网站上关于这

问题内容： 故事： 在StackOverflow上，我看到用户报告说他们无法通过selenium WebDriver“单击”命令单击元素，并且可以通过执行脚本来解决JavaScript单击问题。 Python中的示例： WebDriverJS /量角器中的示例： 问题： 为什么在常规WebDriver单击不起作用时单击“通过JavaScript”有效？这到底是什么时候发生的，这种解决方法（如果有）

问题内容： 我已阅读的有关该主题的大多数答案都指向System.Windows.Forms.WebBrowser类或Microsoft HTML对象库程序集的COM接口mshtml.HTMLDocument。 WebBrowser类没有带我到任何地方。以下代码无法检索由我的Web浏览器呈现的HTML代码： 以上仅是示例。我对寻找一种解决方法以找出我所在的城镇的名字并不感兴趣。我只需要了解如何以编程

问题内容： 如何通过Javascript检测对WebP的支持？如果可能，我想使用功能检测而不是浏览器检测，但是我找不到方法。Modernizr（www.modernizr.com）不会对其进行检查。 问题答案： 这是我的解决方案-大约需要6毫秒，而且我认为WebP只是现代浏览器的一项功能。使用canvas.toDataUrl（）函数而不是图像使用另一种方法来检测特征：