![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
mobile
文章平均质量分 64
朱宝鑫
这个作者很懒,什么都没留下…
展开
-
移动端高清,多屏适配方案!
背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点:首先,选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480,现在更多的是iphone6的375×667)。对于r转载 2016-04-12 10:14:41 · 960 阅读 · 0 评论 -
audio 在ios上自动播放问题
// iOS 7/8 仅需要 play 一下audioEl.play(); // iOS 9 需要先load()然后再play()audioEl.load()audioEl.play();原创 2016-04-25 16:40:57 · 754 阅读 · 0 评论 -
移动端Flex 布局新旧混合兼容
flex是个非常好用的属性,如果说有什么可以完全代替float和position,那么肯定是非它莫属了(虽然现在还有很多不支持flex的浏览器)。然而在移动开发中,本来绝大多数浏览器(包括安卓2.3以上的自带浏览器)都支持的属性,偏偏有个例外,就是国产某某X5内核神器(不知哪个版本的webkit,仅支持display:box),自主研发这东西也不好多说什么了,下面入正题。首先还是从两个版本转载 2016-04-13 11:07:25 · 7187 阅读 · 0 评论 -
swiper 插件应用!
又回到了起点!搞swiper!1.mySwiper.slideNext(runCallbacks,speed);//滑动到下一个2.mySwiper.slidePrev(runCallbacks,speed);//滑动到上一个3.mySwiper.slideTo(0,1000,false);//切换到第一个slide,速度为1秒4.mySwiper.appendSlide(原创 2016-04-13 18:55:28 · 914 阅读 · 0 评论 -
canvas实现微信朋友圈猜照片功能
canvas实现微信朋友圈猜照片功能 重置 显示 /** * zbx * 2016.4.27 * **/body,html{ margin: 0; padding: 0; height: 100%;}.zbx-photo-content{ position: relative; heig原创 2016-04-27 14:57:29 · 511 阅读 · 0 评论 -
移动端资源整合!
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码 name="format-detect转载 2016-04-15 08:55:59 · 736 阅读 · 0 评论 -
rem适配
为了脱离框架,现阶段试用rem方式布局!如有问题会及时更新!HTML:JS:global.jsvar dpr, rem, scale;var docEl = document.documentElement;var fontEl = document.createElement('style');var metaEl = do原创 2016-04-12 12:52:47 · 1238 阅读 · 0 评论 -
响应式布局设置--@media only screen and (转载)
@media only screen and only(限定某种设备)screen 是媒体类型里的一种and 被称为关键字,其他关键字还包括 not(排除某种设备)/* 常用类型 */类型 解释all 所有设备braille 盲文embossed 盲文打印handheld 手持设备print 文档打印或打印预览模式projection 项目演示,转载 2016-04-29 15:19:18 · 28028 阅读 · 0 评论