检查CSS中的用户分辨率?
是否可以根据用户的分辨率进行操作?
is it possible to behave according to the user's resolution?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
是否可以根据用户的分辨率进行操作?
is it possible to behave according to the user's resolution?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(4)
CSS 不行,不行。但对于 JS,当然可以。
Not with CSS, no. But with JS, sure.
css3 媒体查询将允许您应用样式表或 @media 规则
根据客户的规模以及其他属性。
它们不会在不兼容的浏览器中回退,因此它们还不适合普遍使用,
但如果你还年轻,可能值得学习一下它是如何完成的。
http://www.w3.org/TR/css3-mediaqueries/
至当在宽度大于 800 像素的屏幕上显示时将样式表应用于文档:
当在宽度小于 400 像素的任何设备上显示时将样式表应用于文档:
此媒体查询表示屏幕和手持设备的规则,如果
视口的宽度大于20em。
'em' 值与根元素的字体大小相关。
css3 media queries will allow you to apply stylesheets or @media rules
according to the size of the client, among other properties.
They don't fallback in non comforming browsers, so they are not ripe for general use,
but if you are young it may be worth learning how it is done.
http://www.w3.org/TR/css3-mediaqueries/
To apply a style sheet to a document when displayed on a screen greater than 800 pixels wide:
To apply a style sheet to a document when displayed on any device less than 400 pixels wide:
This media query expresses rules for screen and handheld devices if
the width of the viewport is greater than 20em.
The ‘em’ value is relative to the font size of the root element.
您无法使用 CSS 检查分辨率。但你可以做出流畅的设计。
看看小盒子,了解一些很棒的入门知识。
格兹,克里斯。
You can't check the resolution with CSS. But you can make up fluid designs.
Take a look at Little boxes for some great starters.
Grz, Kris.
在标准 CSS 中你无法做到这一点。也许(仅)在 IE 浏览器中可以。
或者您可以使用 JavaScript。
You can't do that in standard CSS. Maybe it'll be OK in (only) IE browsers.
Or you can use JavaScript.