发表于： 2020-04-11 13:39:55
1 1326
今日完成
不使用bootstrap框架重构页面一
给页面一添加侧边导航栏
明日计划
重构页面二三
遇到的问题
移动端显示效果不相同
原因
一开始根元素font-size大小设置为1rem=10px
媒体查询设置320分辨率字体大小设为1rem=5px
有些浏览器字体最小支持为12px导致无法设置更小的大小
解决方案
重新设置根元素字体大小
将640分分辨率下字体设为100px
再根据其他分辨率与640的比值计算该分辨率下的字体大小
成果
总结
对css样式拆分不太明白，先重构页面后再进行拆分
返回列表
评论