1.整体缩放 整体缩放可以用在营销活动页,营销活动可能因为设计美观需求必须使用背景图片而非背景色,因此需要考虑背景图适应屏幕大小。开发者可以用320像素的宽度作为基础宽度(高度可以固定),然后通过计算实际文档宽度来进行相应缩放。 使用整体缩放布局开发的项目在加载过程中需要监听resize事件,代码如 ...
分类:
移动开发 时间:
2017-09-26 23:37:56
阅读次数:
245
地址:http://www.imooc.com/video/9578 一、300ms 移动web页面上的click事件响应都要慢上300ms 解决办法: 第一种,使用Tap事件代替click事件 例子: Tap事件的问题,“点透”BUG ...
分类:
移动开发 时间:
2017-09-23 18:47:26
阅读次数:
181
一、高清图片 二、一像素边框 还有一种解决办法: 三、字体大小,rem 这只是一种解决方法,有时候也用 px 默认设置 html的font-size:62.5% 页面默认的font-size为16px 62.5% = 10/16 这样的话 1rem=10px 1.2rem=12px 四、多行文本溢出 ...
分类:
移动开发 时间:
2017-09-23 17:20:50
阅读次数:
188
你要的移动web前端都在这里!大前端方向:移动Web前端、Native客户端、Node.js、大前端框架:React、Vue.js、Koa跨终端技术:HTML5、CSS3、JavaScript跨平台框架:ReactNative、Cordova前端工程化:Grunt、Gulp、Webpack前端预编译:Babel、Sass、Less自动化测试:Jasmine、Moc..
分类:
移动开发 时间:
2017-09-19 11:36:31
阅读次数:
211
一套代码,三端生产:移动Web、iOS、Android 知识体系,无缝衔接:框架、工具、方法 ...
分类:
移动开发 时间:
2017-09-19 00:38:55
阅读次数:
212
touchstart和touchend事件 移动互联网是未来的发展趋势,现在国内很多互联网大佬都在争取移动这一块大饼,如微信及支付宝是目前比较成功的例子,当然还有各种APP和web运用。 由于公司的需要,最近也在开发移动web,对于一个没有移动开发经验的人来说,其实也是比较困恼的一件事情。对于移动w ...
分类:
其他好文 时间:
2017-09-12 23:20:26
阅读次数:
496
Bootstrap、妹子UI、MUI http://www.25xt.com 第五款前端框架:拼图前端框架 FrozenUI – 专注于移动web的UI框架 第二款前端框架:UiKit 第三款移动APP H5前端框架:AUI 2.0 -靠谱的移动前端框架 第四款前端框架:ZUI – 开源HTML5跨 ...
分类:
其他好文 时间:
2017-08-26 15:06:26
阅读次数:
149
一、像素 px:CSS pixels逻辑像素,浏览器使用的抽象单位 dp,pt:设备无关像素 (物理像素) dpr:设备像素缩放比 计算公式: 1px = (dpr)*(dpr)*dp 二、viewport <meta name="viewport" content="name=value,name ...
分类:
移动开发 时间:
2017-08-19 23:28:47
阅读次数:
202
01-HTML-基础班02-CSS-基础班03-JS-基础班03-JS-基础班04-JD实战05-前端基本功-JS06-前端基本功-DOM07-JS进阶-特效08-jQuery09-HTML5+CSS310-移动web开发11-Ajax12-JS高级13-Canvas14-框架封装15-Angula ...
分类:
移动开发 时间:
2017-08-13 16:28:39
阅读次数:
422
欢迎补充。 - 视口 ``` <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> ``` - 默认 ...
分类:
移动开发 时间:
2017-08-12 13:27:21
阅读次数:
178