响应式布局： 1、保有足够的留白，但也几乎不浪费屏幕面积 2、该考虑的内容：@百分比的布局以及em布局，随屏幕宽度变化的间距 @文本换行 @图片需被替换或允许缩放 @忍受一个不再完美的设计 自适应布局： 1、可在每个突变点上，为内容区域设置一个最大宽度，然后将外间距扩张直至匹配到下一个突变点 搜索框 ...
分类：
其他好文 时间：
2016-05-24 18:35:34
阅读次数：
202
谈谈移动端屏幕适配的几种方法 移动端web开发相对于PC端web开发，我们可以庆幸不用兼容那么多浏览器了，但是随之而来的却是各种屏幕尺寸的适配，个人觉得，比PC端还要费精力。在使用了腾讯优测进行软件测试后，问题得到了有效解决。 响应式布局 简而言之，就是页面元素的位置随着屏幕尺寸的变化而变化，通常会 ...
分类：
移动开发 时间：
2016-05-24 10:25:29
阅读次数：
153
【01】 （魔芋：已看完。） 【01】《响应式Web设计：HTML5和CSS3实战》（非扫描版）（全）.pdf 共246页。 2013年1月出版。 读后感：适合入门的书籍，对于响应式布局，用了一个例子来讲解。后半部分讲了一些CSS3的新属性。阴影，transform，transition等。 [英] ...
分类：
Web程序 时间：
2016-05-22 23:04:19
阅读次数：
250
FlexboxLayout介绍：Flexbox 也称为弹性盒子模型 或伸缩盒子模型，广泛用于前端开发，做过前端 web 的都知道Bootstrap 中有一套强大的 CSS Grid网格样式。Bootstrap 的出现 大大提高了前端开发的效率，并且引领了响应式布局、跨平台开发的潮流。FlexboxLayout 就是类似于 bootstrap 中的Grid栅格系统但又不相同的强大控件,其实更接近于前...
分类：
其他好文 时间：
2016-05-18 18:46:36
阅读次数：
211
1、Pure Grids ： 创建你所需栅格系统的环境，CSS框架 2、BootStrap 3、Foundation：发布了一些优秀的模态、灯箱和内容滑块的解决方案；用于创建一个流式12列栅格 4、Gridpak：根据你的输入生成栅格系统 5、Golden Grid System：一个易于使用的18 ...
分类：
其他好文 时间：
2016-05-16 14:30:55
阅读次数：
136
前言 不像响应式布局，通过media query，设置几个变化点来适配，流体排版通过调整大小，适配所有设备宽度。这个方法可以使我们开发的网页，在几乎所有屏幕尺寸上都可以使用。但出于一些原因，它的使用率还远远没有响应式技术高。 在印刷的历史上，排版是根深蒂固的。关于“流体”的概念，在传统思想里并不存在... ...
分类：
其他好文 时间：
2016-05-16 12:48:45
阅读次数：
209
1、屏幕分组： A：0-479px 小 B：480-959px 中 C：960-1399px 大 D：1400px+ 特大 2、一般情况下，显示器尺寸和分辨率值得关系为： 14寸显像管(CRT)显示器 800×600 17寸液晶或CRT显示器 1024×768 19寸液晶显示器(普屏) 1280×1 ...
分类：
移动开发 时间：
2016-05-16 10:40:59
阅读次数：
249
1、HTTP请求以及发送给用户的资源文件数不要太多 2、加载堵塞，通过“懒加载”、“延迟加载”、“异步交互”，允许网站一部分的脚本在运行前先加载 3、提高网站性能以加快页面加载速度和资源文件传输速度： A：只提供给用户此刻需要的内容，其余的使用异步传输方法 B：谨慎决定需要展示的内容，如果不需要内容 ...
分类：
其他好文 时间：
2016-05-16 09:29:30
阅读次数：
183
在网页中，pixel与point比值称为device-pixel-ratio，普通设备都是1，iPhone 4是2，有些Android机型是1.5。] 那么-webkit-min-device-pixel-ratio:2可以用来区分iphone(4/4s/5)和其它的手机 iPhone4/4s的分辨 ...
分类：
移动开发 时间：
2016-05-15 14:06:37
阅读次数：
459
响应式布局开发->手机适配->一套页面在不同型号的手机上都能得到很好的体现 1、流式布局： ->宽度不适应，自适应，或者用百分比设定 ->高度、字体等都写成固定的值 ->然后再通过@media(媒体查询)，根据不同尺寸的屏幕进行灵活的调整--2014年响应式布局思想 2、固定式布局：(这种方式已经没 ...
分类：
移动开发 时间：
2016-05-13 10:11:52
阅读次数：
165
