Question

我希望我的网页宽度达到一定的大小。因此它会在移动设备上自动更改为全屏。这是页面布局的理想示例，我正在尝试制作：http://sidebar.io/new。现在我有普通的html和css文件，它们显示一个普通的桌面页面。我试图将body元素的宽度更改为600px，但不是这样，我正在尝试这里描述的方法：height and width on html and body elements，但这也与我想要的不同。我想要我的网站，使其布局与第一个链接完全相同。任何人都可以至少给我一个如何做到这一点的线索吗？

以下是我尝试过的一些代码。

body {
    width: 200px;
     position: fixed;
     top:auto;
     bottom:0px;
     right:0px;
     left:auto;
}

另一个：

body {
    width: 600px;
    overflow-y:scroll;
    border: 1px solid black;
}

#childOfTheBody{
    height:100%;
    background-color: #a2e89f;
}

#childOfTheChild{
    height: 500px
}

Answer 1

而不是给像素大小给出百分比。

Eg : instead of width: 600px give width : 50%

尝试使用HTML和CSS制作固定的页面大小

1 个答案: