Question

我得以获得我的项目的宽度,以扩大而不是提升高度(在PeFox和Kecent,我理解IE不会奏效)。

在这方面,特别安全局我正在使用:

section.main 
{
 max-height: 100%; 
 max-width: 100%; 
 border: 1px solid black; 
 width: 1000px; 
 height: 800px;
}

Answer 1

而且,你具体说明了800px的高度。因此,你的网站是800皮克。

Answer 2

Make sure you have :

html, body
{
width : 100%;
height : 100%;
}

要想达到一定比例的高度,必须确定父母的高度。

请注意,你的边境造成问题: 该科将达到100%的高度+2px。您可使用:

section
{
box-sizing : border-box
}

Answer 3

if you want to extend your site at 100% you need to add

section.main
{
  height:100%; width:100%
}

或

section.main
{
  min-height:100%; min-width:100%
}

f或 height:100%; you need a surrounding div that will have a height specified in pixels. 或 you can give your section.main a height of needed pixels.

max-height:100%; and max-width:100% means that this div must no be bigger then 100% in height and width:

as you can say: max-width:600px; so that your inside content will not go bigger then 600px.