我需要我的网站布局表现如下:
如果内容 div 大于 50em，应用规则 width: 75%;最大宽度:75em。
否则，max-width: 50em;最小宽度:25em 适用。
采用此设置的主要原因是宽屏面板与笔记本电脑和手机相比。内容始终水平居中。如果 div 总是 75% 宽，它会破坏手机上的布局，并且还会在宽屏幕上形成长而难以阅读的线条。
最佳答案
使用@media 查询。它们就是为这样的事情而制作的。
@media screen and (min-width: 50em) {
#div { width: 75%; max-width: 75em; }
}
关于html - 相对宽度的CSS一列布局，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21487240/