标签：
微信显示网页是调用腾讯自带的浏览器内核，由于腾讯浏览器内核对css展示效果没有谷歌浏览器好，导致用谷歌浏览器写好的网页，放到微信页面之后，显示的效果就发生变化，所以调整css样式显得那么吃力；
1、
<li ><img style="width:100%; height:12em;" src="..."/></li>
针对上面的css，android微信展示的效果：图片高度12em,但是宽度并不能直接呈现100%；刷新页面之后，图片宽度100%，但是首次打开页面，图片的宽度并不是100%；
针对这种情况，我们只需要将style内容定义到父样式中
这样就展示图我们要的效果；
2、
<div style="text-align:center;"> <div id="divtemperature"> <img src="images/control/temp.png"/> <label class="divtempnum" id="lbltem"><%= SetTemperature %></label> <font class="divtempnum">℃</font> </div> <p>已设定一小时后自动关机</p> </div>
这个样式的展示效果放到手机微信之后，效果也不是预期效果，
这个就需要我们重新调整css内容，仅仅需要在div中添加一个display:block即可，如下
<div style="text-align:center;"> <div id="divtemperature" style="display:block"> <img src="images/control/temp.png"/> <label class="divtempnum" id="lbltem"><%= SetTemperature %></label> <font class="divtempnum">℃</font> </div> <p>已设定一小时后自动关机</p> </div>
有些东西，需要总结和细心分析；
标签：
原文地址：http://www.cnblogs.com/xibei666/p/4741248.html
