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

时间:2014-12-30 18:54:34

标签: javascript html css

我有一个网页,如果分辨率低于1920x1080,则会出现滚动条,在我看来,这不是我想要的样子。我希望所有这些都适合一页,所以如果分辨率低于1080p我怎么能将css文件改为另一个,我可以将内容调整得更小,以便它适合更低的分辨率?

1 个答案:

答案 0 :(得分:4)

媒体查询救援!

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" />