求HTML指教，当浏览器窗口大小变化时，如何让内容布局不变
最近在做网页的时候发现当浏览器窗口最大化时，布局显示正常，可是如果变小的时候整个布局就乱了，非常难看，想请问下如何能做到像下图百度这样窗口大小变化时布局不变，最多就是看不到了，请各位HTML高手不吝赐教，不胜感激
如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性。
在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。
设置代码如下：
<html><head>
<title>主页面</title>
<style>
body{
margin:0px;
width:1350px;
min-width:1024px;
max-width:100%;
height:100%;
background-color:#F0F0F0;
}
#head{
background-color:#FFFF00;
width:1350px;
height:100px;
min-width:1024px;
}
#center{
background-color:#00FFFF;
width:1350px;
min-height:100%;
position:relative;
min-width:1024px;
}
#foot{
background-color:#FF00FF;
width:1350px;
height:100px;
min-width:1024px;
}
#left{
width:150px;
height:100%;
background-color:#EEEEEE;
position:absolute;
margin-left:60px;
}
#main{
width:924px;
height:100%;
background-color:#EE00FF;
position:absolute;
margin-left:210px;
}
#right{
width:150px;
height:100%;
background-color:#EEFF00;
position:absolute;
margin-left:1134px;
}
</style>
</head>
<body>
<thead>
<div id="head">
你好
</div>
</thead>
<tbody>
<div id="center">
<div id="left"></div>
<div id="main"></div>
<div id="right"></div>
</div>
</tbody>
<tfoot>
<div id="foot">大家好</div>
</tfoot>
</body>
</html>
想自适应就这是百分比
求HTML指教,当浏览器窗口大小变化时,如何让内容布局不变
如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性。在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。设置代码如下：<html> <head> <title>主页面<\/title><style>body{ margin:0px; width:1350px; min-width...
怎么让网页不随着浏览器窗口大小改变内容不发生改变
1、首先，定义一个函数contain2，用来控制当网页窗口大小不同时，显示不同的内容。2、定义一个变量breadth，获取窗口的宽度。3、用if语句判断，判断条件是宽度是否大于1000像素。4、如果网页的宽度大于1000，则显示搜索框的输入文本框。5、当网页宽度大于1000时，显示搜索框的搜索按钮和用户头像。6、如果条...
html\/css代码要怎么设置才能在浏览器窗口变小的时候先缩小页面的空白部...
一般会给body设定一个显示内容的宽度类似 body{ width:980px;} 然后你给他设定外边距自动就行 body{ width:980px;margin:auto;} 这样在你改变浏览器窗口的时候就会先减少自动的外边距的
html怎么做自适应
文字不会随着浏览器窗口放大缩小的字体大小是相对固定的单位，，文字在容器内适应容器的变化，这种情况把文字的那个p设个超出隐藏好了 css如何设置图片大小自适应？1.用dw编辑器建立了一个静态页面 2.将建好的静态页命名为css.html，标题为了“css如何设置图片大小自适应”3.在body中添加两个p，设置不...
html布局后 换浏览器或者缩小浏览器。页面布局彻底乱了。请问我该怎么...
body下一级的元素css中都有float浮动；而body的大小是随浏览器窗口大小改变的，当浏览器窗口缩小时，元素就会往下掉，这就是原因所在 下面举个例子：<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" \/> <title>zoom_CSS参考手册_web前端开发参考手册系列<\/title> <meta ...
当页面大小变化时,为什么布局也会变乱,该怎么解决?
你写的css代码不规范造成的。你可以把你的代码贴出来，可以帮你看下你写的缺少的东西。
如何解决浏览器缩小网站导航变两行甚至三行,怎么修改代码,在哪个位置或 ...
这个问题看起来是关于如何调整网站布局以适应浏览器窗口大小的。如果当浏览器窗口缩小到一定程度时，网站的导航栏开始变成两行或三行，这通常是由于CSS样式的责任。你可能需要检查和修改你的CSS样式以适应这种情况。具体来说，你可能需要使用媒体查询（Media Queries）。媒体查询是CSS3的一个特性，允许你根据...
html页面怎样能够自适应电脑屏幕宽度?
一、消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页,在全屏状态下浏览一切正常。但在改变浏览窗口大小之后,网页就变得"不堪入目"了,这是个很值得注意的问题。 问题的根源还得从网页的布局说起,在DW中,网页内容的定位一般是通过表格来实现的,解决表格的问题也就成功了大半。 大家应该注意到,在DW中表...
如何让网页自适应屏幕大小
对于图片，确保其自适应且不超过原始大小，可以使用以下样式：img { width: 100%; max-width: 100%; }这会让图片随着屏幕大小变化而相应调整大小。在用户体验上，为了提升适应性，可以考虑以下改进措施：初次加载时，根据用户的设备分辨率自动调整页面布局，提供最佳显示效果。 在关闭多个标签页或浏览器...
为什么我制作的网页在IE里预览 窗口缩小 内容就全部乱了
你在布局的时候没有把DIV或者TABLE的宽设置固定值，因此DIV或TABLE都是自适应了，所以自适应，就是自适应浏览器的窗口大小，因此，当你把浏览器变大或者变小的话，网页内的内容宽度也会随之变宽变窄，这样子布局就非常容易乱。如果你还是不大明白的话，你可以MAIL我。
