使用CSS创建响应式网页(需要有关页面宽度的帮助)

时间:2015-06-10 11:39:26

标签: html css responsive-design viewport

我正在尝试为四种尺寸的屏幕(320px,640px,980px和1024px)创建响应式网页。因此,当我玩网站大小似乎都很好,所有响应,但当我的大小超过1024px时,我想停止任何调整大小的操作,并使页面看起来像大小1024px时看起来。我试图在互联网上找到解决方案,但我没有。那么有人可以帮助我吗?谢谢!

P.S。 我找到了有关使用max-width属性的信息,但它没有帮助。 我使用vw单位进行大小定义。

2 个答案:

答案 0 :(得分:3)

当宽度大于1024时,您必须在页面中使用特定宽度px。 例如,如果您在1024尺寸下有.container {width:100%;},则可以添加:

    @media screen and (min-width: 1024px) {
.container {
    width:1000px;
}}

当屏幕大于1024px时,您的.container仍然宽度为1000px。

答案 1 :(得分:1)

您可以使用视口元标记来控制布局。

本文将为您提供帮助。

https://developers.google.com/speed/docs/insights/ConfigureViewport