1. 首页
  2. 问答
  3. 每个浏览器的媒体查询

每个浏览器的媒体查询

2013-08-28 84 views
3

我想根据浏览器调整输入字段的大小。我可以为每个浏览器编写媒体查询，以便在单独的浏览器上为输入字段划分不同的宽度，就像mozilla一样，它将在Chrome和Opera上分开宽度，它将具有单独的宽度。每个浏览器的媒体查询

来源

2013-08-28 Prasad

+0

你可能要检查http://browserhacks.com/ – LukyVj

回答

4

Media queries是媒体查询，不浏览器查询。他们在那里测试视口，设备或显示器的某些属性。没有可让您测试某个浏览器的媒体功能。

来源

2013-08-28 05:40:58 Joey

+0

对不起先生，你错了。 浏览器可以与媒体查询（在这里看到：http://browserhacks.com/）有针对性 例如，该媒体查询是特定于FF + 30 '@media所有和（min-- moz-device-pixel-ratio：0）和（min-resolution：3e1dpcm）{} 此外，使用“@supports”可以作为一种针对特定浏览器的方式，例如：'@supports（-moz-外观：米吧）和（背景混合模式：差异，正常）{}'将目标FF> 30 – LukyVj

+5

@LukyVj：网站的名字应该告诉你，它实际上不是一种定位浏览器的方式，而是黑客，这恰好以这种方式工作。它与21世纪初期的CSS hacks一样，随着浏览器的改变，随着时间的推移停止工作。展示的行为不是规范的结果，而是实施过程中的怪癖。他们最终会停止工作，并且不会得到支持（例如，如果Mozilla无意中违反了这一规定，他们将不会向后弯曲以使其再次工作）。 – Joey

2

如果你想这样做，你应该能够找到browserhacks.com其中有一堆代码样本的东西，解释如何得到一个浏览器CSS的媒体查询，所以对于IE你可能会这样做。

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

这工作，因为这些规则将适用于只是Internet Explorer浏览器

来源

2015-07-23 02:03:04

相关问题

 相关问题