css - 2k 分辨率屏幕和 4k 分辨率屏幕和 8k 分辨率的响应式 CSS

标签 css scss-mixins

我使用的是 13 英寸 2k 和 4k 分辨率笔记本电脑 (HP Elite Book)。如果它是 2k 分辨率(正常分辨率),我需要编写 css 主体背景颜色使其变为黑色,如果它是 4k 分辨率主体,则使其变为红色。 如何根据屏幕分辨率编写css。使用 javascript window.innerWidth 对于 2k 和 4k 分辨率 (1536) 是相同的

最佳答案

使用@media 规则。

你可以在这里看例子: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

关于css - 2k 分辨率屏幕和 4k 分辨率屏幕和 8k 分辨率的响应式 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58624013/

相关文章:

CSS 定位 - 带有 "Position: relative;"和 "bottom: 0;"但不工作的文本区域?

sass - 将 less mixins 转换为 scss

html - 如何固定元素相对于窗口大小的位置

javascript - 使用 jQuery 从文件动态加载元素的 CSS + anchor 链接不起作用

javascript - 如何更改超链接的字体颜色?

css - Sass 循环 @mixin 和 @include

twitter-bootstrap - 从我的 scss 文件中使用 Bootstrap 的实用程序 API

CSS3 - 为什么要使用供应商前缀?

angular - 如何在 Angular 7 中使用 SCSS 混入

reactjs - 如何使用 SASS 模拟 Material UI 的 "theme.mixins.toolbar"