html适应手机

微信公众账号开发,用php echo 'html字符串'。发现微信浏览器不能正常加载页面,字体过小,且布局很不合理。

解决方法:我是用simple_html_dom解析html字符串,然后再<head></head>中增加代码:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />  

 但是这种方法貌似不能解决图片超过边界的问题,图片过大的话还是会出现滚动条,影响界面美观。因为html字符串中对<img></img>的style进行了控制,我尝试了用百分比控制,当width:100%时还是不能解决图片越界恶问题。在网上找了一顿也没有找到解决办法,最后只能利用simple_html_dom将每个<img></img>的style进行修改,将width用百分比设为80%,视觉效果上还过的去,就是不知道当图片大小变化后界面会有什么变化。后续有问题再补充吧、

 

 

posted on 2014-02-28 16:48  收苞米的拖拉机  阅读(226)  评论(0编辑  收藏  举报