仅使用CSS定位浏览器大小

时间:2012-07-10 18:37:00

标签: css internet-explorer

是否有适合浏览器大小的CSS选择器。因此,如果浏览器的实例大于500px,我可以设置元素样式。

我的目标浏览器是IE9& IE10在标准模式下;所以我只关心这两个浏览器。

3 个答案:

答案 0 :(得分:4)

当然,您可以使用媒体查询,如下所示:

@media screen and (min-width: 500px) { your css goes here }

答案 1 :(得分:1)

你不能只为此使用css media queries吗?

答案 2 :(得分:0)

CSS中没有用于判断一个屏幕大小的选择器。但如果你不需要,我也不会去Javascript路线。也许您应该更多地了解CSS媒体查询。

  

CSS 3通过租用增强了对依赖媒体的样式表的支持   样式表更准确地标记。媒体查询包含a   媒体类型和至少一个限制样式表的表达式'   范围使用媒体功能,如宽度,高度和颜色。   媒体查询允许内容的呈现为a   特定范围的输出设备,无需更改内容   本身。

<强>参考文献:

https://developer.mozilla.org/en/CSS/Media_queries/

http://www.w3.org/TR/css3-mediaqueries/

http://css-tricks.com/css-media-queries/