可扩展的布局 有一种流体布局的概念在早起web兴起的时，就开始盛行了。它的概念是说页面会根据浏览器窗口的变化进行更改，网站可以通过维护一套代码，保质一致性的设计。我这里强调的可扩展的布局也是基于这个概念，只是现在的方法多种多样，因此要强调页面布局的可扩展性。 可扩展的布局途径有很多，比如常见的百分比 ...
分类：
Web程序 时间：
2017-01-06 22:10:38
阅读次数：
248
在响应式网页的设计过程中，其中也会涉及到一些用户体验方面的问题和弊端，需要进一步的优化。 (1)减轻Javascript库负载 对于移动端来说，jQuery表现的太过厚重，而现在针对移动端的状态来说，有jQuery Mobile、YUI、XUI等可供选择的框架。 （2）减少HTTP请求次数 移动端相 ...
分类：
Web程序 时间：
2016-10-13 19:17:12
阅读次数：
194
响应式设计 弹性盒模型、百分比宽高、媒体查询 适用什么？对于重内容的网站，例如形象展示，则比较适合使用响应式web设计 不适用什么？对于重功能的网站，如电子商务，门户类，则更推荐使用独立移动网站原因：功能多，页面复杂， 页面体积变大，消耗流量，不如直接做一个轻量级的h5 Web app，便于分离以及... ...
分类：
Web程序 时间：
2016-09-24 19:08:45
阅读次数：
205
原书: 响应式Web设计实践 第2章 流动布局 1. 布局选项 传统的固定布局中存在很多问题, 随着屏幕大小的越来越多元化, 固定布局已经不能适用了. 在流动布局中, 度量的单位不再是像素, 而是变成了百分比. 弹性布局与流动布局类似, 但是通常情况下, 弹性布局中会以em来作为单位. 带来一个好处 ...
分类：
Web程序 时间：
2016-08-31 00:22:44
阅读次数：
171
首先响应式网页设计最初是由 Ethan Marcotte 提出的一个概念：Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式；我们应当向下兼容、移动优先。最开始是从2012年12月底我国网民规模 ...
分类：
其他好文 时间：
2016-08-30 21:04:11
阅读次数：
208
响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。响应式 Web 设计是一个让用户通过各种尺寸的设备浏览网站获得良好的视觉效果的方法。例如，您先在计算机显示器上浏览一个网站，然后再智能手机上浏览，智能手机的屏幕尺寸远小于计算 ...
分类：
其他好文 时间：
2016-08-30 20:59:06
阅读次数：
225
如何通过CSS3 实现响应式Web设计： 分为三个步骤： （1）允许网页宽度自动调整。首先在页面头部中，我们需要加入这样一行：<meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度 ...
分类：
Web程序 时间：
2016-08-23 18:54:49
阅读次数：
209
写在前面 去年上半年，我开始着手推动项目中响应式设计的落地。以官网优化需求为契机，主动去做了响应式的页面设计，也说服了产品、设计和开发的相关同事一起把它上线落实，但不幸的是，由于各种方面的原因，比如，生搬硬套的PC模块，无差异化的设计使得移动端阅读不佳，导航兼容性有限等等原因，上线几个月后又悄然下线 ...
分类：
Web程序 时间：
2016-07-30 16:39:12
阅读次数：
166
模板描述：商务领航，尽现成熟稳重的个人小站风格 响应式Web设计，自适应电脑、平板电脑、移动设备 图标字体库，自适应各种终端设备，保证图形图标清晰无锯齿，支持Retina（视网膜屏幕） 跨浏览器兼容，支持IE6/7/8/9/10/11、Chrome、Safari、Opera，等同于支持国内各种浏览器 ...
分类：
其他好文 时间：
2016-06-02 13:36:07
阅读次数：
173
【01】 （魔芋：已看完。） 【01】《响应式Web设计：HTML5和CSS3实战》（非扫描版）（全）.pdf 共246页。 2013年1月出版。 读后感：适合入门的书籍，对于响应式布局，用了一个例子来讲解。后半部分讲了一些CSS3的新属性。阴影，transform，transition等。 [英] ...
分类：
Web程序 时间：
2016-05-22 23:04:19
阅读次数：
250
