css中的div如何自动适应浏览器大小？

html-css012

css中的div如何自动适应浏览器大小？,第1张

网页自适应浏览器大小：\x0d\x0a\x0d\x0a首先要在头部，即标签内写自适应代码，如下：\x0d\x0a\x0d\x0a其次，网页内部的元素宽度要使用百分比，在不同的屏幕大小下需使用媒体查询定义不同的css代码，例如：\x0d\x0a@media screen and (max-width:640px){ \x0d\x0aelement{ color:#ff0000} //屏幕宽度小于640px时显示红色字体\x0d\x0a}\x0d\x0a@media screen and (max-width:480px){ \x0d\x0aelement{ color:#0000ff} //屏幕宽度小于480px时显示蓝色字体\x0d\x0a}

下面是图片不失真但不保证是否完全铺满（留有空隙或者超出屏幕）的css代码：

1、横向铺满，纵向留有空隙或超出屏幕：

body {background:url(图片路径) no-repeat centerbackground-size:100% auto}

2、纵向铺满，横向留有空隙或超出屏幕：

body {background:url(图片路径) no-repeat centerbackground-size:auto 100%}

补充说明：background-size属于css3，只有支持css3的浏览器才有效。

电脑（Computer）是一种利用电子学原理根据一系列指令来对数据进行处理的机器。电脑可以分为两部分：软件系统和硬件系统。第一台电脑是1946年2月15日在美国宾夕法尼亚大学诞生的ENIAC通用电子计算机。

人们把没有安装任何软件的计算机称为裸机。随着科技的发展，现在新出现一些新型计算机有：生物计算机、光子计算机、量子计算机等。