检查用户在css中的分辨率？

Question

是否可以根据用户的分辨率进行操作？

Answer 1

没有CSS,没有.但是有了JS,当然.

if (window.screen.width <= 800 && window.screen.height <= 600) {
    //do something();
}

Answer 2

css3媒体查询将允许您根据客户端的大小以及其他属性应用样式表或@media规则.

它们不会退回到不合格的浏览器中,因此它们不适合一般使用,但如果你还年轻,可能值得学习它是如何完成的.

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

要在宽度超过800像素的屏幕上显示时将样式表应用于文档:

<link rel="stylesheet" media="screen and (min-device-width: 800px)" >

要在小于400像素宽的任何设备上显示时将样式表应用于文档:

<link rel="stylesheet" media="all and (max-device-width: 400px)" >

如果视口的宽度大于20em,则此媒体查询表示屏幕和手持设备的规则.

@media handheld and (min-width: 20em), screen and (min-width: 20em) { ... }

'em'值相对于根元素的字体大小.