Question

我创建了一个小提琴，显示了我的页面容器在桌面上的外观。但是，现在我正在尝试编辑我的移动页面。

我已多次这样做，出于某种原因，这完全不同。我甚至无法在我的页面上看到这些信息。通常它只是完全伸展或类似的东西。

该页面不允许我向上滚动向上滚动。它只显示我页面的最底部，由于某种原因，灰色容器以水平方式出现在底部。

我只在媒体查询中对此进行了调整。

.page {
    width: 95%;
    bottom: 0;
    left: 2.5%;
}

我在提到的文件中有viewport元。

为什么会这样？

JSFiddle

html ,body {
	margin: 0;
	height: 100%;
	font-style: Helvetica;
}
.page_background, .page {
    margin: 0 auto;
}
.page_background {
    width: 100%;
    min-height: 100%;
    background: -webkit-linear-gradient(#282828, #888888);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#282828, #888888);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#282828, #888888);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#282828, #888888);
    /* Standard syntax */
}
.page {
    background-color: #FFFFFF;
    width: 85%;
    bottom: 0;
    min-height: 100vh;
    overflow:auto;
}

<div class="page_background">
    <div class="page"></div>
</div>

Answer 1

对于我的CSS体验，你可以使用* {margin：0 auto;和填充：0px; ＆＃34; *＆＃34; symbol适用于每个标签。这是一个很好的做法，因为有些标签有不同的边距和优点。默认填充。也使用＆＃34; ％＆＃34;对于你的容器，如果你想让一些容器允许在具有较小屏幕的设备中滚动，只需调整溢出：滚动; 无论如何，我无法理解你的问题。请你们更好地解释我们。此外，如果您的文本超出容器，请使用min-width：value;。

移动页面换行完全削减了我页面的前90％

1 个答案: