发表于: 2019-12-28 22:48:04
1 988
:今天完成的事情:
了解 PS 切图
了解手机端 web 开发
完成 任务 3
明天计划的事情:
完成 任务 4
遇到的问题:
使用 rem 布局页面时, 当根元素 font-size: 10px; 时,其内元素 字体大小以 10px,为基础进行计算,宽度以 12px为基础进行计算。
比如: font-size: 1.4rem,其实际大小为 14px 。width: 1.4rem ,其实际大小为 16.8px。
原因应该是 chrome 的最小字体大小为 12px
解决方法 将根元素的 font-size 设置为 20px,或其他数值。,有没有更好的解决方法还待查询。
收获:
开发 响应式页面 时,最好先 开发移动页面, 再开发 PC 端页面。 先 以 iphone 6 为原型开发,在兼容其他的设备。
切图时,小图标的保存。先转换成 智能对象,再右键 ‘编辑内容’,会 创建新的 小图标 psd 文件。
评论