div+css 如何自动适应浏览器大小

2025-01-02 14:52:19

推荐回答（5个）

回答1：

网页自适应浏览器大小：

首先要在头部，即标签内写自适应代码，如下：

其次，网页内部的元素宽度要使用百分比，在不同的屏幕大小下需使用媒体查询定义不同的css代码，例如：
@media screen and (max-width:640px){
element{ color:#ff0000; } //屏幕宽度小于640px时显示红色字体
}
@media screen and (max-width:480px){
element{ color:#0000ff; } //屏幕宽度小于480px时显示蓝色字体
}

回答2：

宽度100%就好了

不过高度的话需要把HTML和BODY的高度弄成100% 里面的DIV才回100%

回答3：

用ps切图，将背景图切成3份，然后定3个div用position:absolute;将div定位即可

回答4：

全屏的话，就设置
body
{
width:100%;
}
如果想居中的话
就设置
body
{
margin:0 auto;
width:1024px;
}

回答5：

（续）上个评论里我说要展示完整版的，如下：

hahah

直接复制过去，新建一个文件，把文件名加后缀名都改掉，变成 1.html ，直接拖到浏览器里，切换最大化按钮，往左拖拽到最窄的宽度，马上就能看出来效果了。
喜欢，一定要给我点赞哈！