这几天在写移动端界面,主要用css做响应式调整布局。
目前移动端已经可以正常访问,但部分细节还不完善,存在10px级别的误差,近期会一一优化完毕。
响应式页面构建时,一度想偷懒,pc端banner图想要直接用到移动端,但很遗憾,效果惨不忍睹,于是不得不将banner图重新布局修改再上线。
目前想到的解决方案是pc端与移动端多加一个css,分别是MobileShow以及PcShow,pc端时MobileShow设置display:none,反之亦然。
此方案与普通方案似乎无异其实不然,一般前端写代码都是将对应css分别添加隐藏与显示属性,到后来可能自己都懵了,添加统一属性便于管理,另一方面,可以强化全局把控能力。
本篇用于测试新栏目。

这几天在写移动端界面,主要用css做响应式调整布局。
目前移动端已经可以正常访问,但部分细节还不完善,存在10px级别的误差,近期会一一优化完毕。
响应式页面构建时,一度想偷懒,pc端banner图想要直接用到移动端,但很遗憾,效果惨不忍睹,于是不得不将banner图重新布局修改再上线。
目前想到的解决方案是pc端与移动端多加一个css,分别是MobileShow以及PcShow,pc端时MobileShow设置display:none,反之亦然。
此方案与普通方案似乎无异其实不然,一般前端写代码都是将对应css分别添加隐藏与显示属性,到后来可能自己都懵了,添加统一属性便于管理,另一方面,可以强化全局把控能力。
本篇用于测试新栏目。