发表于: 2016-06-19 19:34:02
2 1315
今天完成的事情:懵懵懂懂的写完了任务三
遇到的问题:
还是那个自适应问题,这条
网页初始大小占屏幕面积的100%
<meta name="viewport" content="width=device-width, initial-scale=1" />
用了之后图片不会随屏幕大小缩小,设置了图片百分比大小也不行,反而不加了之后整体会随分辨率大小而扩大缩小
我的理解是这个代码要用在图片较多需要图片自动排版的网页下比较好,这种只是单纯一个页面几个按钮感觉不知道怎么用。
在盒子width设置为100%或auto的情况下,盒子内的元素不能用margin:0 auto来居中,这个也不懂,为什么不能……
收获:
本来想通过float浮动解决定位问题,发现排版更难排,绝对定位后因为脱离了文档流后更容易设置外边距,也不会因页面变化而脱离定位。
下面附上代码和展示
评论