Heim > Web-Frontend > HTML-Tutorial > 每日笔记20160223_html/css_WEB-ITnose

每日笔记20160223_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:26:04
Original
1089 Leute haben es durchsucht

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

   解决方法:

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

<body>    <div class="wrap">    //content.......    </div></body>
Nach dem Login kopieren

  此时对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; 
    Nach dem Login kopieren

    改进后写法:

    background-image: url("../xxx.jpg");background-repeat: no-repeat;
    Nach dem Login kopieren

      

    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage