html适应手机

最新推荐文章于 2024-01-04 08:42:47 发布

weixin_30835933

最新推荐文章于 2024-01-04 08:42:47 发布

阅读量209

点赞数

文章标签： php

原文链接：http://www.cnblogs.com/yasun/p/3573913.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%，视觉效果上还过的去，就是不知道当图片大小变化后界面会有什么变化。后续有问题再补充吧、

转载于:https://www.cnblogs.com/yasun/p/3573913.html