
前端之移动端
qq_597221342
这个作者很懒,什么都没留下…
展开
-
前端之移动端
背景图片充满屏幕 html,body{ width: 100%; height: 100%; background-size: 100% 100%; } (未完待续。。。)原创 2017-04-21 13:56:13 · 290 阅读 · 0 评论 -
前端之移动端
1.安卓video标签飞起 解决方案:x5-video-player-type启用H5同层播放器 2.x5-video-player-fullscreen全屏方式 视频在播放时进入到全屏模式注:此属性是需要自己来重新适配新的视口大小变化(可以通过监听resize事件来实现) 监听窗口大小变化(resize)实现全屏效果window.onresize = function(){ test原创 2017-07-19 10:26:56 · 456 阅读 · 0 评论 -
移动端问题总结
一.手机端开发页面必须要加一段代码: 注:这段代码的主要意思是:让页面宽度等于设备宽度,缩放比例为1,禁止用户缩放。用于检测视口,主要的效果就是取消下面的滚动条,让页面适应屏幕。二.为自己的页面设置最大宽度和最小宽度: { max-width:640px; min-width:320px; } 主要作原创 2017-04-26 11:43:40 · 423 阅读 · 0 评论 -
前端之移动端
// 通过js适配不同的屏幕大小 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’, recalc = function () {原创 2017-04-19 15:45:18 · 1808 阅读 · 0 评论