用css限制屏幕大小

时间:2016-05-08 15:14:24

标签: html css width screen

如何设置网页的最小宽度? 我觉得这很容易,原来不是......

我想这样做,例如,当屏幕宽度小于1000px时,内容将以大小显示,就好像屏幕为1000px但底部有滚动条(最好用css,但我可以处理Javascript)。

我已阅读将min-width应用于body会执行此操作,但事实并非如此(至少在Chrome和Safari上)。

2 个答案:

答案 0 :(得分:0)

http://www.w3schools.com/css/css_rwd_viewport.asp

看一下这个页面,它可能会有所帮助。

答案 1 :(得分:0)

您可以使用媒体查询并设置正文标记的宽度(如果它是< 1000

https://www.emailonacid.com/blog/article/email-development/emailology_media_queries_demystified_min-width_and_max-width

这是另一个技巧

https://css-tricks.com/almanac/properties/m/min-width/

这是一篇关于它的好文章。

如果你有很多具有绝对位置的子元素,有时候尝试min-width对位置静态不起作用。

 body {position: relative}

我希望这会有所帮助。