px：像素（Pixel）,相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。 em：相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置，则相对于浏览 ...
分类：
Web程序 时间：
2018-10-25 23:14:28
阅读次数：
258
一、Bootstrap（v3.3.7） 官网：http://www.bootcss.com/ 优点： 1）栅格系统（结构） 可以根据用户屏幕尺寸调整页面，使其在各个尺寸上都表现良好。栅格系统的本质就是通过CSS3的媒体查询实现的，Bootstrap将屏幕尺寸分为四类，超小屏幕<768px，小屏幕 平 ...
分类：
其他好文 时间：
2018-10-25 12:12:39
阅读次数：
232
Responsive Web design 响应式网页设计 此概念于2010年5月由国外著名网页设计师Ethan Marcotte所提出。 响应式网站设计(Responsive Web design)的理念是： 页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的 ...
分类：
其他好文 时间：
2018-10-18 11:04:39
阅读次数：
169
% 百分比 in 英寸 cm 厘米 mm 毫米 em 1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如，如果某元素以 16px 显示，那么 2em 是32px。 在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。 ex 一个 ex 是一个字体的 x-he ...
分类：
Web程序 时间：
2018-10-15 23:24:35
阅读次数：
312
开发小程序时对小程序怎么适配有疑惑，后来看官方文档想明白了，在此记录一下。 做小程序时，设计给的设计稿的尺寸是750*1334，以iphone6 为标准，屏幕尺寸是375px，此时1rpx = 0.5px； 小程序的官方文档中有写到： 从上边的图中可以看出，在不同的设备下，rpx换算成不同的px，意 ...
分类：
微信 时间：
2018-10-15 14:51:41
阅读次数：
493
可以根据屏幕尺寸提供完全不同的图片，为那些没有必要下载全尺寸大图的设备节省带宽。 ...
分类：
其他好文 时间：
2018-10-09 19:56:40
阅读次数：
228
一、css3的@media媒体查询 1、定义和使用 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要开发响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面，这对调试来说是一个极大的便利。 语法： 参数解释： media ...
分类：
移动开发 时间：
2018-10-09 19:00:57
阅读次数：
223
1、物理像素 设备像素，在同一个设备上，它的物理像素是固定的，这是厂商在出厂时就设置好了的，即一个设备的分辨率是固定的。 2、逻辑像素 CSS像素，viewport中的一个小方格，CSS样式代码中使用的是逻辑像素。如果在一个设备中，物理像素与逻辑像素相等，将不会产生任何问题。但是，在iphone 4 ...
分类：
移动开发 时间：
2018-10-08 10:21:52
阅读次数：
184
在移动设备应用越来越广泛的今天，许多网站都开始做移动端的界面展示，两者屏幕尺寸差异很大，所以展示的内容也有所差别。于是就遇到一个问题，如何判断你的页面是在移动端还是在PC端打开的，很简单的问题，那我们就简单点来说，以我们公司的官网来说，PC端和移动端的官网界面分别如下： Navigator对象 首先 ...
分类：
移动开发 时间：
2018-09-29 20:21:36
阅读次数：
239
通过viewport来适配 <script> (function(){ var w=window.screen.width; console.log(w);//获取屏幕尺寸 var targetW=320;//之后所有的都是按照320来做 var scale=w/targetW;//缩放值:当前尺寸 ...
分类：
移动开发 时间：
2018-09-28 11:06:16
阅读次数：
179
