1.由于本人使用的是sublime.text，使用rem就可以达到效果。 点击菜单中的preferences下的browse packages，选择cssrem-master，添加或者编写cssrem.sublime-settings文件。 设置px_to_rem的值为75即可。 在代码里输入设置的 ...
分类：
移动开发 时间：
2017-02-24 11:55:01
阅读次数：
676
必要知识: 做移动站有一个必要的知识，就是关于屏幕宽度以及缩放问题。我们习惯的在<head>标签之间增加一个<meta>标签 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,m ...
分类：
移动开发 时间：
2017-02-14 20:48:05
阅读次数：
271
栅格系统 --> =768px min-width 750px平板 col-sm >=992px min-width 970px中等屏幕 col-md >=1200px min-width 1170px大屏幕 col-lg --> ... ...
分类：
其他好文 时间：
2017-02-12 16:54:40
阅读次数：
132
问题一，分辨率Resolution适配：不同屏幕宽度，html元素宽高比和字体大小，元素之间的距离自适应，使用rem单位。 问题二，单位英寸像素数PPI适配：使用rem单位，文字会发虚。段落文字，使用px单位，用media query或js来适配。标题文字可以直接使用rem单位。 问题三，设备像素比 ...
分类：
移动开发 时间：
2017-02-07 11:05:49
阅读次数：
253
微信小程序新单位rpx与自适应布局 rpx是微信小程序新推出的一个单位，按官方的定义，rpx可以根据屏幕宽度进行自适应，在rpx出现之前，web页面的自适应布局已经有了多种解决方案，为什么微信还捣鼓出新的rpx单位？在解释这个单位前，我们先简单了解一下目前的主流的自适应布局解决方案： 响应式（Res ...
分类：
微信 时间：
2017-02-04 22:15:55
阅读次数：
329
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0 微信小程序尺寸单位 rpx单位是微信小程序中css的尺寸单 ...
分类：
微信 时间：
2017-02-02 16:35:27
阅读次数：
319
最近开发微信小程序，在写样式表的时候发现用PX的效果不太理想，而官方文档用rpx来做响应式布局单位，就仔细研究了下，在此做个小总结： 这里先引用官方定义的尺寸单位‘rpx’：可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则 ...
分类：
微信 时间：
2017-01-24 12:40:56
阅读次数：
442
max-device-width和max-width的区别 max-device-width和max-width是有区别的，表现在如下几个方面： 1、max-device-width是设备整个显示区域的宽度，例如，真实的设备屏幕宽度。 2、max-width是目标显示区域的宽度，例如，浏览器宽度。 ...
分类：
其他好文 时间：
2017-01-22 13:30:37
阅读次数：
194
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0. 微信小程序尺寸单位 rpx单位是微信小程序中css的尺寸 ...
分类：
微信 时间：
2017-01-10 19:36:00
阅读次数：
290
