由于移动端的特殊性，屏幕的尺寸碎片化严重，要想很好的适配不同的尺寸的设备，需要我们前端开发相比PC端要做一些基层的适配方案。 1. 常见的适配方案 百分比+固定高度布局方案 固定屏幕为理想视口宽度 少许的媒体查询设置字体 水平百分比布局 水平方向部分也可以使用弹性布局 Rem解决方案 Rem的大小取 ...
分类：
移动开发 时间：
2018-02-08 00:21:54
阅读次数：
257
1. 引言 CSS3之前的CSS都大都是枚举属性样式，而编程语言强大的变量、函数、循环、分支等功能基本都不能在CSS中使用，让CSS的编程黯淡无光，Sass就是一种增强CSS编程的扩展语言（CSS4也可以期待），有了像Sass这种预处理语言后，CSS的编程不再局限在枚举属性了，可以有更广阔的舞台。 ...
分类：
移动开发 时间：
2018-02-08 00:20:07
阅读次数：
283
1、无论是PC端还是移动端，开发出来的页面都是运行在浏览器上的； 2、移动端设备的浏览器大多是基于webkit内核，属于高级浏览器 支持H5 C3特性； 视口概念 ①： PC端视口取决于浏览器大小（HTML） 屏幕大小 ② ：移动端视口由手机厂商规定为980，因为当时很多网站的版心都是980并根据手 ...
分类：
移动开发 时间：
2018-01-21 11:05:42
阅读次数：
177
背景 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 问题： 带着问题，往下看... 一些概念 在进行具体的分析之前，首先得知道下面这些关键性基本概念(术语)。 一个物理像素是显示器(手机屏幕)上最 ...
分类：
移动开发 时间：
2018-01-19 21:29:06
阅读次数：
298
1.移动端开发通常都会在html中写下以下的meta标签 需要注意的是无论是这样写还是用淘宝flexible.js动态生成meta头，目的只有一个，那就是让布局视口等于苹果手机的分辨率宽高/设备像素比后的宽高。苹果手机的分辨率是指以下所示 而不是以点位计算的以下单位， 不要被误解。 以苹果5s为例， ...
分类：
移动开发 时间：
2018-01-19 19:48:22
阅读次数：
207
2018年已经有半个月了，其实前面也一直想总结一下，但是不知道有什么可以总结的，其实是因为心虚，觉得2017没有什么成就。 在技术上，一直是在appcan平台上做移动端开发，上半年小打小闹，下半年累死累活。一直想自学一些技术，比如vue，比如把js基础重温一遍，三天打鱼两天晒网，没学到什么。《Jav ...
分类：
其他好文 时间：
2018-01-17 00:00:27
阅读次数：
183
1、 piexl 像素知识 640 * 1136的图片能不能在iphone5上完全展示？iphone5分辨率640*1136 逻辑像素与物理像素的关系px逻辑像素：浏览器使用的抽象单位dp，pt物理像素：设备无关像素dpr：设备像素缩放比计算公式：1px = (dpr)^2 * dpiphone5的 ...
分类：
移动开发 时间：
2018-01-03 00:40:45
阅读次数：
281
背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1、首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480 ...
分类：
移动开发 时间：
2017-12-30 18:19:47
阅读次数：
264
1、HTML5文档结构 注意lang=“zh-CN”表示网页为中文，如果是英文则为lang=“en-CN”。 2、浏览器兼容模式 如果网页在IE中打开，必须用最新的引擎渲染打开 快捷方式：sublime中通过emmet meta：compat插入 1 <meta http-equiv="X-UA-C ...
分类：
移动开发 时间：
2017-12-22 00:34:55
阅读次数：
158
