简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

每日笔记20160223_html/css_WEB-ITnose

WBOY
發布： 2016-06-24 11:26:04
原創
1039 人瀏覽過

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

   解决方法：

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

<body>    <div class="wrap">    //content.......    </div></body>
登入後複製

　　此时对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;　
    登入後複製

    改进后写法：

    background-image: url("../xxx.jpg");background-repeat: no-repeat;
    登入後複製

    　　

    相關標籤：
    每日笔记20160223
    來源：php.cn
    上一篇：多列样式布局_html/css_WEB-ITnose 下一篇：css 播放暂停按钮实现_html/css_WEB-ITnose
    本網站聲明
    本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
    作者最新文章
    最新問題
    如何搜尋標題並使用另一列來檢查唯一性 我在資料庫中有一些抓取的產品數據，我想在我的網站上使用它們。我想編寫一個查詢，返回標題為“%EXAMPLE%”的所有項目，但僅包含唯一的產品。問題是我有1個項目的多行，並且我只想返...
    來自於 2024-04-02 21:49:55
    0
    1
    375
    相關專題
    更多>
    熱門推薦
    熱門教學
    更多>
    相關教學
    熱門推薦
    最新課程
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！