工作随记1

1.background-size:contain

按比例调整背景图片,使得其图片宽高比自适应整个元素的背景区域的宽高比,

因此假如指定的图片尺寸过大,而背景区域的整体宽高不能恰好包含背景图片的话,那么其背景某些区域可能会有空白。

 

2.background-size:cover

按比例调整背景图片,这个属性值跟contain正好相反,背景图片会按照比如自适应铺满整个背景区域。假如背景区域不足以包含背景图片的话,那么背景图片就会被咔嚓。

3.微信待识别二维码应全屏

<img src="xxxx" style="width:100%;heght:100%;z-index:10;">一个屏幕里只能识别一个二维码,app通过短暂截屏识别图中二维码。

 

4微信视频全屏(图2)

 <video id="mod_b" x5-video-player-type="h5" x5-video-player-fullscreen="true" playsinline webkit-playsinline style="width: 100%;height: 1100px;object-fit: fill; object-position:0px 0px;">

                        <source src="" type="video/mp4">

                   </video>

5.屏蔽微信长按出现默认选项,建立空div覆盖全屏

posted on 2018-03-13 11:47  子诚  阅读(117)  评论(0编辑  收藏  举报

导航