移动站建设经验

LMLPHP官方网站兼博客移动站上线

泄露秘密 提交于 2020-04-10 18:38:23
LMLPHP官方网站兼博客移动站上线 新闻 maybe yes 发表于 2015-01-12 14:32 原文链接 : http://blog.lmlphp.com/archives/60 来自 : LMLPHP后院 经过周日的努力,一下午加晚上,LMLPHP 官方网站手机站和 LMLPHP 官方博客手机站正式上线。目前所有页面在 MI2 的自带浏览器,UC浏览器,百度浏览器和 Samsung Galaxy S4 mini 的 QQ 浏览器上显示均正常,效果还算比较满意,毕竟同样的内容要兼容在不同尺寸的设备上显示出来还是有些难度的。 在做手机站的时候,站点宽度设置都是100%,基本没有特别指定的宽度,HTML 结构尽量的简单,为的就是最大的兼容。同时也发现了一些问题,就是图片的展示不好弄。在 view-port 声明下,手机站的建设变的简单多了,网站的 PX 单位自然的变成了长度单位,同样的手机尺寸不同的分辨率,声明了 view-port 后一行显示的字数是同样多的,这是本人使用了 小米2 和 三星 Galaxy S4 mini 进行测试得出的结论。在做移动站的时候,深刻感受到因设备不同网站的功能也会有所不同,所以手机站独立模板才是更好的选择,我个人不建议使用 BootStrap 和一些非常复杂的前端框架来做。 如果在页面加载后,计算出手持设备对应的尺寸,然后将文档中图片的