检查CSS中的用户分辨率?

发布于 2024-09-06 00:43:16 字数 24 浏览 4 评论 0原文

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

is it possible to behave according to the user's resolution?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

无悔心 2024-09-13 00:43:16

CSS 不行,不行。但对于 JS,当然可以。

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

Not with CSS, no. But with JS, sure.

if (window.screen.width <= 800 && window.screen.height <= 600) {
    //do something();
}
逆光下的微笑 2024-09-13 00:43:16

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' 值与根元素的字体大小相关。

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:

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

To apply a style sheet to a document when displayed on any device less than 400 pixels wide:

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

This media query expresses rules for screen and handheld devices if
the width of the viewport is greater than 20em.

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

The ‘em’ value is relative to the font size of the root element.

胡渣熟男 2024-09-13 00:43:16

您无法使用 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.

梦里兽 2024-09-13 00:43:16

在标准 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文