修改了下手机端显示文章页样式
在PC端默认访问是点击文章标题或缩略图弹层显示文章内容
设置的弹出层宽、高度分别为65%跟90%，当然弹出层是可以自主调整大小的
也提供了手动点击布满全屏的按钮以及关闭按钮
实际上要关闭文章层，只需点击层以外的区域即可，其实也是蛮方便的
不过如果在手机端，这个65%的宽度就比较尴尬了，手机屏幕本身就比较窄
在这个基础上再出来个65%，再加上内容所在DIV又设置了两边的PADDING值
这简直就是弹出一根金箍似的，这叫人怎么看阿哈哈哈
所以中午抽时间修改了一下，瞬间感觉好多了
修改思路是通过JS判断窗口宽度，宽度若小于640像素则弹出层的宽度默认是100%
然后修改CSS样式判断窗口宽度小于640时缩小文章内容所在DIV的左右PADDING值
然后清除缓存刷新浏览器看效果，嗯嗯！！！舒服多啦
修改后的效果如图，分别为首页以及文章页。
Tags : 本文未设置标签
所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的。
本站部分内容收集于互联网，如果有侵权内容、不妥之处，请联系我们删除。敬请谅解！
Previous post
关于导航我有一个想法
Next post
全屏弹窗折腾失败了
已有 4 条评论