简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

每日笔记20160223_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 11:26:04
Original
1039 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：
    每日笔记20160223
    Quelle：php.cn
    Vorheriger Artikel：多列样式布局_html/css_WEB-ITnose Nächster Artikel：css 播放暂停按钮实现_html/css_WEB-ITnose
    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
    Neueste Artikel des Autors
    Aktuelle Ausgaben
    So suchen Sie nach Titeln und verwenden eine andere Spalte, um die Eindeutigkeit zu überprüfen Ich habe einige abgekratzte Produktdaten in einer Datenbank und möchte diese auf meiner We...
    Aus 2024-04-02 21:49:55
    0
    1
    375
    verwandte Themen
    Mehr>
    Beliebte Empfehlungen
    Beliebte Tutorials
    Mehr>
    Verwandte Tutorials
    Beliebte Empfehlungen
    Aktuelle Kurse
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！