masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 每日笔记20160223_html/css_WEB-ITnose

每日笔记20160223_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:26:04
asal
1079 orang telah melayarinya

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

   解决方法：

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

<body>    <div class="wrap">    //content.......    </div></body>
Salin selepas log masuk

　　此时对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;　
    Salin selepas log masuk

    改进后写法：

    background-image: url("../xxx.jpg");background-repeat: no-repeat;
    Salin selepas log masuk

    　　

    Label berkaitan：
    每日笔记20160223
    sumber：php.cn
    Artikel sebelumnya：多列样式布局_html/css_WEB-ITnose Artikel seterusnya：css 播放暂停按钮实现_html/css_WEB-ITnose
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Isu terkini
    Cara mencari tajuk dan menggunakan lajur lain untuk menyemak keunikan Saya mempunyai beberapa data produk yang dikikis dalam pangkalan data dan saya mahu menggu...
    daripada 2024-04-02 21:49:55
    0
    1
    375
    Topik-topik yang berkaitan
    Lagi>
    Cadangan popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan