我有一个完全适合移动的设备的网站，但有一个问题，当你在手机上打开网站时，它似乎被放大了，为了看到它的正常状态，你需要把它移走。
它看起来像这样：
完整版本看起来像这样：
我认为问题出在分隔符块的样式上。
.wrapper {
min-width: 1400px;
}
.container {
max-width: 1700px;
padding-left: 40px;
padding-right: 40px;
margin: 0 auto;
}节的结构类似于以下内容：
<div class="wrapper">
<section class="header">
<div class="container">
<h1 class="header__header">
Reptile - nursery with snakes, lizards, and other cold-blooded.
</h1>
<p>content content content content content content </p>
<button class="header__button">Learn more</button>
</div>
</section>
</div>但与此同时，如果您删除边框的样式，则站点无法充分扩展：
如何解决这个问题？
2条答案
按热度按时间afdcj2ne1#
使用您提供的代码， Package 器将永远不会小于1400 px，这意味着它将在任何比这更窄的viewport上溢出。您需要将 Package 器宽度设置为1400 px，然后添加一个max-width
3j86kqsm2#
事实证明，问题根本不在分隔符块中，而是在网站上的文本大小中，由于固定值，它没有很好地扩展。