做了几天的移动端项目,对移动端有了一些了解,在适应各种手机屏幕上,
要随着屏幕分辨率的改变适应终端,在开发过程中要考虑到客户的开发,
用了float的元素影响到布局,要用clear:both把它清除,
如果a链接要给它设置宽高的,就要给他设置display:inline-block,
要注意选择元素是否应用了样式,多用调试工具
做项目之前要看项目的整体布局,以及一些有很多相同的样式,要写在公共样式节省时间
做项目巩固了很多知识点,也发现了自己有很多东西没有掌握好,这样花的时间就很多。
有时间一定要多看书,复习以前学过的知识点。
/*清除浮动*/
.clear { clear: both; } /*给 a链接设置宽高用display:inline-block*/ a{ width: 126px; height: 66px; display: inline-block; background-color: #dcdcdc; }
用了img,当图片大小不一的时候,要给图片设置统一的宽度,这样就不会存在上下行的文字对不起的现象存在,
下面图形就是没有设置宽高的: