首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在css中检查用户分辨率?

在css中检查用户分辨率?
EN

Stack Overflow用户
提问于 2010-06-20 21:15:14
回答 4查看 1.8K关注 0票数 1

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

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-06-20 21:23:32

不是CSS,不是。但是有了JS,当然可以。

代码语言:javascript
运行
复制
if (window.screen.width <= 800 && window.screen.height <= 600) {
    //do something();
}
票数 7
EN

Stack Overflow用户

发布于 2010-06-20 22:40:48

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

它们在不符合规范的浏览器中不会后退,因此它们不适合一般使用,但如果您还年轻,可能值得学习它是如何做到的。

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

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

代码语言:javascript
运行
复制
<link rel="stylesheet" media="screen and (min-device-width: 800px)" >

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

代码语言:javascript
运行
复制
<link rel="stylesheet" media="all and (max-device-width: 400px)" >

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

代码语言:javascript
运行
复制
@media handheld and (min-width: 20em), screen and (min-width: 20em) { ... }

‘em’值与根元素的字体大小相关。

票数 6
EN

Stack Overflow用户

发布于 2010-06-20 21:19:42

你不能用CSS检查分辨率。但是你可以创造出流畅的设计。

看一看Little boxes作为一些很好的入门级产品。

这是克里斯。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3079341

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档