Maison > interface Web > tutoriel HTML > 每日笔记20160223_html/css_WEB-ITnose

每日笔记20160223_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:26:04
original
1078 Les gens l'ont consulté

1.webview中给body设固定高度并overflow:hidden无效

   解决方法:

  需要将body下面的所有内容再用一层div包裹起来,例:

<body>    <div class="wrap">    //content.......    </div></body>
Copier après la connexion

  此时对className=wrap的div设固定高度且overflow:hidden方才有效

2. 对于安卓部分4.4+以上机型和IOS机型,需要等待用户的交互动作后才能播放音乐,也就是说没法实现自动播放音乐。(但微信是可以的,个人理解是微信webview内核有做过专门的处理,如果有知道确切原因的还请麻烦指正)

解决方法: 当用户第一次触碰(最好用touchend,touchstart还有部分机型不兼容)页面时,触发播放音乐

3. 微信客户端自带了一个客户端Banner,高度为64px,所以在针对机型做屏幕兼容性的时候,高度记得减去64px。

比如:

  • iphone4:320*480 =》 320*416
  • iphone5:320*568 =》 320*504
  • iphone6:375*667 =》 375*603
  • iphone6+:414*736 =》 414*672
  • 4. 之前做页面的时候,出现部分机型无法显示CSS引入的图片。

    后来排查后发现是由于使用background属性引入图片导致的,改为用background-image即可。

    有问题写法:

    background: url("../xxx.jpg") no-repeat; 
    Copier après la connexion

    改进后写法:

    background-image: url("../xxx.jpg");background-repeat: no-repeat;
    Copier après la connexion

      

    Étiquettes associées:
    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal