我正在尝试为四种尺寸的屏幕(320px,640px,980px和1024px)创建响应式网页。因此,当我玩网站大小似乎都很好,所有响应,但当我的大小超过1024px时,我想停止任何调整大小的操作,并使页面看起来像大小1024px时看起来。我试图在互联网上找到解决方案,但我没有。那么有人可以帮助我吗?谢谢!
P.S。
我找到了有关使用max-width
属性的信息,但它没有帮助。
我使用vw
单位进行大小定义。
答案 0 :(得分:3)
当宽度大于1024时,您必须在页面中使用特定宽度px。
例如,如果您在1024尺寸下有.container {width:100%;}
,则可以添加:
@media screen and (min-width: 1024px) {
.container {
width:1000px;
}}
当屏幕大于1024px时,您的.container仍然宽度为1000px。
答案 1 :(得分:1)