发表于： 2017-04-11 19:52:48
2 575
今天完成的事情：
任务三，做到页面自适应，在不同分辨率不同设备上显示正常。利用Github创建静态页面。
明天计划的事情：
开启任务四，争取学习巩固定位、布局header、input表单相关知识。
遇到的问题：
下方两个img在屏幕宽度小于等于320时，溢出，水平及垂直方向都出现滚动条。
首先想到用overflow:hidden，但右边img被剪，失败。接着想到设置width:100%会随页面大小自动调整，但效果出来img太小。整体感失去。也不符合验收标准。因在宽度320以上显示正常，最后决定使用媒体查询：<link rel="stylesheet" type="text/css" media="screen and (max-width:320px)" href="task3small.css">为宽度小于320设置一份CSS。问题解决。
收获：
自适应的写法，相对长度单位（em，rem，%）的使用，媒体查询，块状内联水平居中的区别，浮动方向不同属性设置的差别，Github创建静态页面。
返回列表
评论