响应式布局就是响应式设计方案呈现的效果。具体就是页面的布局会根据不同设备的显示面积（主要是宽度）的不同而呈现不同的布局，这个效果是比弹性的布局更好的地方是样式会主动地根据用户的设备的显示面积呈现的布局更灵活，可读性更强。当然对研发的要求也更高（比如说如何更好地让图片，适配，UI动画自适应各种布局）。...
分类：
移动开发 时间：
2015-08-10 00:05:41
阅读次数：
134
demo1 上面这段代码相信大家都不陌生,这是写手机网站的标配,这里也不过多解释,不过要注意的是viewport指的是手机虚拟窗口而不是屏幕可视区域也不是页面本身。关于响应式设计网站在手机上的显示,考虑的因素有两个,第一是屏幕分辨率,第二是屏幕大小。当利用浏览器里面的手机模拟器显示网页时,要考...
分类：
移动开发 时间：
2015-08-10 00:05:41
阅读次数：
189
昨天下午，我突然拿一个想法，问了下前端设计project联赛，我问了一个终端的设计是否绕过皮肤，这不是普遍的前端框架的限制结束。 端project师告诉我。那叫响应式设计。 我继续问，既然有这个技术。现实中。为什么要搞pc一套，手机一套，平板一套呢，多累啊。 前端告诉我。现...
分类：
其他好文 时间：
2015-08-09 20:25:21
阅读次数：
107
响应式设计的现状与趋势 从2012年开始到2014年，各大家对Web设计的趋势预测中，都提到响应式设计；2015年网页设计趋势预测中，响应式仍在继续。这个经历了几年依然大热的响应式，在过去的几年里，快速巩固了自己的...
分类：
其他好文 时间：
2015-07-24 09:27:57
阅读次数：
295
@media screen and (min-width:800px) and (max-width:1060px){ li{ font-size:10em; }}意味着，在屏幕上(而不是打印机)并且当最小像素为800，最大像素为1060时应用括号内的样式因为css(层叠样式表)后...
分类：
其他好文 时间：
2015-07-23 23:42:51
阅读次数：
128
互联网发展的速度超乎所有人的想象，甚至可以说是疯狂。在过去几年里，移动互联网的发展已经开始崭露头角。而他的发展速度也远远超过了传统互联网。如今很难找到一个人既没有移动设备，也没有多个可以上网的设备。在英国移动电话的数量已远远超过人口数，保持这样的增长势头，今年移动互联网的使用应该就有望超过桌面互联网...
分类：
Web程序 时间：
2015-07-22 12:37:43
阅读次数：
134
ThinkPHP的模板主题机制，如果只是在PC，只要需修改DEFAULT_THEME（新版模板主题默认是空，表示不启用模板主题功能）配置项就可以方便的实现多模板主题切换。 但对于移动端和PC端，也许你会设计完全不同的主题风格，且针对不同的来路提供不同的渲染方式，其中一种比较流行的方法是“响应式设计....
分类：
移动开发 时间：
2015-07-21 16:38:55
阅读次数：
135
CSS3对响应式设计非常有用：使用CSS3替代图片，在有带宽限制的网页中可有效减少http请求（从而使网页加载更快），并可使网页更灵活、更容易维护。在开发CSS3时，要记住添加相关的浏览器私有前缀以保证最广泛的浏览器兼容。1.文字阴影 1.基本语法 .element{ text-shado...
分类：
Web程序 时间：
2015-07-19 17:46:27
阅读次数：
126
1.下面是一些对响应式设计提供了不同程度支持的CSS框架：（1）Semantic(http://semantic.gs);（2）Skeleton(http://getskeleton.com);（3）Less Framework(http://lessframework.com);（4）1140 C...
分类：
Web程序 时间：
2015-07-17 11:30:03
阅读次数：
246
ThinkPHP的模板主题机制,如果只是在PC,只要需修改 DEFAULT_THEME (新版模板主题默认是空,表示不启用模板主题功能)配置项就可以方便的实现多模板主题切换。但对于移动端和PC端,也许你会设计完全不同的主题风格,且针对不同的来路提供不同的渲染方式,其中一种比较流行的方法是“响应式设计...
分类：
移动开发 时间：
2015-07-06 14:09:45
阅读次数：
175
