发表于： 2019-10-30 19:33:22
1 1084
今天完成的事情：
完成了任务8页面二，开始页面三
1、用vw进行自适应布局
2、bootstrapcol布局中间留间距
3、用媒体查询改变元素边距，优化自适应同时的排版效果
4、用bootstrap的列属性+插入背景图的另一种方式完成导航栏
利用导航栏固定的100px高度定位背景图。
5、完成了页面三部分布局
遇到的问题：
1. 页面3的表格分布问题，以及表格样式优化，留到明天完成。
2. 文字排版问题如果要美观，需要考虑首行缩进、行间距、页面边距等问题。不同屏幕大小的页面边距非常影响阅读体验。
3. 浏览器的文字大小问题。
浏览器存在最小文字尺寸，装饰英文需要自适应的情况下，到低分辨率状态无法缩至更小。
解决方法：装饰英文存为PNG图片插入。
明天计划的事情：
完成页面3，了解表格属性特点，完成不同的表格布局。
完成表格样式的装饰。
收获：
更熟悉如何调整自适应页面的排版。
期间各种布局属性的穿插应用，对属性特点了解更深入。
返回列表
评论