每个浏览器的媒体查询

时间:2013-08-28 05:38:29

标签: css html5 css3

我想根据浏览器调整输入字段的大小。我可以为每个浏览器编写媒体查询,以便在单独的浏览器上为输入字段分别设置宽度,例如对于mozilla,它将在chrome和opera上具有单独的宽度,它将具有单独的宽度。

5 个答案:

答案 0 :(得分:6)

Media queries媒体查询,而不是浏览器查询。它们用于测试视口,设备或显示的某些属性。没有媒体功能可以让您测试某个浏览器。

答案 1 :(得分:3)

如果你想这样做,你应该能够在browserhacks.com上找到一些有一堆代码示例来解释如何使用css媒体查询获取浏览器的东西,所以对于IE你可能会做这样的事情。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}

这是有效的,因为这些规则将应用的唯一浏览器是Internet Explorer

答案 2 :(得分:0)

为了为每个浏览器提供特定的CSS,您可能需要使用浏览器特定的黑客检查以下文章

http://www.paulirish.com/2009/browser-specific-css-hacks/

希望这有帮助。

答案 3 :(得分:0)

http://www.paulirish.com/2009/browser-specific-css-hacks/

浏览器特定的黑客是它的解决方案!!!

答案 4 :(得分:0)

如果你想要使用条件CSS: http://www.conditional-css.com/advanced