如何在重新调整浏览器窗口大小时,不会移动网页布局

时间:2013-08-17 01:11:52

标签: html css html5 css3

我是新手,但我似乎无法得到一个明确的答案,大多数网站为他们的网页布局做了什么,在浏览器调整大小时不会随处移动。

3 个答案:

答案 0 :(得分:1)

如果我理解正确,您需要在width中为您的HTML元素提供heightpx

请参阅this example

否则,它们将相对于浏览器大小进行更改。

(顺便说一句,我不知道你的意图,但这样做是件坏事,因为它会让你的网站对不同的屏幕尺寸没有反应。)

答案 1 :(得分:0)

试试这个:

<html>
<head>
<title>Test</title>
</head>
<body style="margin:0; padding:0;">

<div style="margin:0 auto; width:980px; height:650px; background-color:#cccccc;">

Add your website content inside this div

</div>

</body>
</html>

答案 2 :(得分:0)

网站通常会设置height width div个{%}而不是像素。如果页面调整大小,这允许元素调整大小。

所以你可以这样做:

.html{ height:100%; width:100%;}
.div {float:right; height:25%; width:30%} 

这将调整div的大小,因为页面调整大小但它将保持在左侧浮动而不会移动到任何地方。