移动端开发
文章平均质量分 83
chenyuelili
前端工程师,喜欢折腾一些有意思的项目和新出炉的技术。chenyuelili.com
展开
-
移动端开发系列笔记(2)—— 移动端特别样式处理
来源:慕课网《Hello,移动Web》前言:移动开发像素知识px: css像素,逻辑像素,是浏览器使用的抽象单位,不同设备可变dp/pt: 物理像素,与设备无关dpr: Device pixel ratio 设备像素缩放比;不同设备可变; 换算公式 :1px = (dpr)2 * dp如iphone2 640*1136dp dpr=2则:css宽高为 320*568pxretina屏:dpr为原创 2017-03-13 22:26:31 · 512 阅读 · 0 评论 -
移动前端开发总结
来源:http://junmer.github.io/mobile-dev-get-started/#/基本概念Native :本地应用,使用Java/Objective-C/Swift开发Web App:网页应用HTML5开发Hybrid App:混合应用(native,web)Web App 不需要安装,开发成本低,维护简单,跨平台性能优 但体验感较差;Native 需要安装,开发成本高,维护原创 2017-03-13 16:57:29 · 737 阅读 · 0 评论 -
认真理解背景图片 background-img
一、现象图片的内部样式会覆盖内联样式 height width图片的max-width脂类的只是给图片设置一个阈值,不会覆盖内联样式宽度和高度,只设定一个,另一个会按照图片默认的宽高比例自动调整同时设置宽高,图片比例变了,图片失真,除非设置比例一样。二、响应式背景图响应式图片的思路就是宽高参照容器大小。 媒体查询,根据设置分辨率加载相应大小的图片哦。节省带宽。 background原创 2017-03-14 16:35:56 · 3159 阅读 · 0 评论