javascript - 如果分辨率低于 1920 x 1080p,则使用不同的 css 文件

标签 javascript html css

我有一个网页,如果分辨率低于 1920x1080,则会出现一个滚动条,我认为这不是我想要的外观。我希望所有内容都适合一页,那么如果分辨率低于 1080p,我如何将 css 文件更改为不同的文件,我可以将内容调整得更小以适合较低的分辨率?

最佳答案

救援媒体查询!

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

<!-- CSS media query on a link element -->
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />

关于javascript - 如果分辨率低于 1920 x 1080p,则使用不同的 css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27710952/

相关文章:

javascript - 使用 jQuery 隐藏基于复选框的 div

css - <li> 宽度和文本大小调整

javascript - switch 语句 - 字符串与整数

javascript - 在 Node 中形成元素数组键并表示

html - 垂直对齐 div 标签网格内的内容

javascript - 在jquery中选择一个具有两个属性的元素

html - 如何使图像适合 div (django)?

image - 为什么没有仔细显示 css 边框?

javascript - 有没有一种聪明的方法可以找到声明指令的位置?

javascript - 如何通过单击链接在两个 html 页面之间切换