发表于: 2017-03-07 00:38:28
3 692
今天完成:把昨天的好的图导入代码里;页面布局初步完成;代码调试进行了一些,可以达到一定程度的缩放。
明天计划:学习关于自适应,图片分辨率的知识,使图片可以达到适应不同分辨率的要求;争取能用上传服务器达到访问的地步。
遇到困难:
1、最初设想logo居中使用的是padding和绝对定位达到目的,但是出现了图片直接平铺满整个区域的问题,后来通过设置magin :auto;解决
2、下边两个本想通过浮动来解决,但是不能完美的在同一行显示,想起上边logo之前的方法,直接用position:absolute;解决
3、布局完成用google模拟不同分辨率下的下显示效果,发现图片和字体大小并不能自适应,查看了学习资料好像还确实不同分辨率下的不同设定。明天再看看争取解决。
收获:对自适应有了更深的了解。实践了position的用法,绝定位可以覆盖块状元素独占一行的空白处。
评论