Home > Article > Web Front-end > 每日笔记20160223_html/css_WEB-ITnose
每日笔记20160223_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:26:041011browse
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。
比如：
4. 之前做页面的时候，出现部分机型无法显示CSS引入的图片。
后来排查后发现是由于使用background属性引入图片导致的，改为用background-image即可。
有问题写法：
background: url("../xxx.jpg") no-repeat; 改进后写法：
background-image: url("../xxx.jpg");background-repeat: no-repeat;
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：多列样式布局_html/css_WEB-ITnoseNext article：css 播放暂停按钮实现_html/css_WEB-ITnose