最近一段时间学做网页，遇到了网页屏幕适配的问题，做的网页不能随着屏幕的缩小而缩小，浏览器缩小，网页就会显示不全，为了解决这个问题，自己也琢磨了几天，也算有了结果，自己也做了如下总结：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>屏幕自适应</title>
<style type="text/css">
.img1 { width:80%;}
</style>
</head>
<body>
<div style="width:60%; margin:auto auto;text-align: center ">
<img Class="img1" src="images/logo.png" />
</div>
</body>
</html>
这一种问题称为屏幕自适应问题，就是内容能随着屏幕的大小而变大变小，在设置宽度的时候就用百分比，div的属性width:60%;是这个div占屏幕宽度的60%，margin:auto auto;是居中的意思，text-align:center;是div里面的内容是居中显示的，img1的属性width:80%是这个图片占父div的宽度。
这就实现了无论屏幕大小，图片内容都能显示完全，问题也就解决了，屏幕自适应不能定宽度，只能使用百分比，要不然影响实现效果。
770
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
