1.什么是响应式网页？ 一个页面，可以根据浏览设备的不同，以及特性的不同，而自动改变布局、大小等。 优点：可以自动适配PC、PAD、PHONE浏览器屏幕 不足：代码变复杂，需要考虑更多兼容性，并不适合内容非常多网页 5.css文件 ...
分类：
其他好文 时间：
2016-11-30 22:24:51
阅读次数：
183
总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 准备工作1：设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： 这段代码的几个参数解释： width = device-width：宽度等于当前设备的宽度 initial-scale： ...
分类：
Web程序 时间：
2016-11-26 11:58:21
阅读次数：
279
随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的 ...
分类：
Web程序 时间：
2016-11-24 09:28:22
阅读次数：
195
实现移动端自适应大概的几种方法： 1.固定宽度，使用一个模式加上少许的媒体查询； 2.使用flexbox解决； 3.使用百分比加媒体查询； 4.使用rem。 一、如果是简单app，排版不管分辨率怎么变，关键元素宽高和位置固定，只是元素容器做伸缩变换。这种app是典型的弹性布局。而类似于这种app只有 ...
分类：
移动开发 时间：
2016-11-21 18:43:06
阅读次数：
391
手机端开发，一般以320px宽为最低标题。市场上的手机，大多数是360px宽。 20px=1rem是最容易换算的，基本上可以口算，除以2并缩小十倍。1px/20=0.05rem。两位小数就可以除尽了。 结合媒体查询就是： 当然了，你也可以选择js动态计算： ...
分类：
其他好文 时间：
2016-11-20 18:16:10
阅读次数：
153
meta标签、利用媒体查询 link不同的CSS文件 ...
分类：
Web程序 时间：
2016-11-15 17:11:21
阅读次数：
223
关于移动端布局使用哪种单位，每个人都有自己习惯使用的单位，这个也只是我个人的一点点浅见。 欢迎大家指点。 很多人在谈到写移动端页面的时候，都觉得很恼火。因为要写n套css样式。然后用媒体查询做适配。 一般这个时候我都表示自己懵懵哒，搞不懂为什么要写这么多套。可能是由于我经验不够，所以看不出来写这么多 ...
分类：
移动开发 时间：
2016-11-15 13:14:49
阅读次数：
241
之前做web app开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640 * 1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置，例如背景图的多倍图、基础字 ...
分类：
移动开发 时间：
2016-11-12 11:33:58
阅读次数：
259
1、困扰多时的问题 在这之前做web app开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5 的640 * 1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置， ...
分类：
移动开发 时间：
2016-11-08 14:05:31
阅读次数：
447
CSS2 多媒体类型 @media 规则在 CSS2 中有介绍，针对不同媒体类型可以定制不同的样式规则。 例如：你可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则。 但是这些多媒体类型在很多设备上支持还不够友好。 CSS3 多媒体查询 CSS3 的多媒体查询继承了 CS ...
分类：
Web程序 时间：
2016-10-30 19:46:37
阅读次数：
204
