zoukankan      html  css  js  c++  java
  • HTML CSS微信CSS显示一些总结

    微信显示网页是调用腾讯自带的浏览器内核,由于腾讯浏览器内核对css展示效果没有谷歌浏览器好,导致用谷歌浏览器写好的网页,放到微信页面之后,显示的效果就发生变化,所以调整css样式显得那么吃力;

    1、

    <li ><img style="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>

    有些东西,需要总结和细心分析;

  • 相关阅读:
    mysql5.7编译安装
    web服务部署工具使用介绍
    Clang Static Analyzer
    MySQL中character set与collation
    Linux 编译运行查找头文件和库的顺序
    git入门及使用记录
    CentOS7通过yum安装gdb8 gcc8 g++8的方法
    win10子系统设置开机启动ssh服务
    STL中map的使用
    C++逆序输出字符串
  • 原文地址:https://www.cnblogs.com/xibei666/p/4741248.html
Copyright © 2011-2022 走看看