Bootstrap作为支持响应式布局的一个前端插件，确实发挥着重要的作用，无论你是在手机，平板还是ＰＣ上浏览网页，都能达到不错的效果，这一切一切，都是bootstrap带给我们的！今天主要说下页面的布局，这是最基础的东西了，当我们设计一个站点时，应该为它设计一个全局性的统一的规范页面，这种页面我们叫...
分类：
其他好文 时间：
2015-07-08 17:56:09
阅读次数：
100
http://chaofu200900.blog.163.com/blog/static/110119533201341102618140/http://bjango.com/articles/min-device-pixel-ratio/http://www.wufangbo.com/css-ha...
分类：
其他好文 时间：
2015-07-07 18:54:22
阅读次数：
131
.container 类用于固定宽度并支持响应式布局的容器。.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。/* 超小屏幕（手机，小于 768px） */@media (max-width: @screen-xs-max) { ... }/* 小屏幕...
分类：
其他好文 时间：
2015-07-06 11:57:22
阅读次数：
102
在网络里搜索下，以前没有Web前端开发这个术语，现在有了Web前端开发术语。是我太落伍了吗？所以蛮看了下Web前端开发需要掌握的技术：HTML5,CSS3,Javascript,XML,JQuery,Prototype,响应式布局等等。慢慢学吧！一口气吃不成胖子的！坚持就是胜利！
分类：
Web程序 时间：
2015-07-06 00:06:20
阅读次数：
154
一、什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。 这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕...
分类：
Web程序 时间：
2015-07-02 19:14:49
阅读次数：
165
响应式布局所谓“响应式网页设计(Responsive Web Design)”也就是自适应，就是可以自动识别屏幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上，目前Google已经明确表明鼓励响应式网页设计。通常在浏览网页时，手机上和电脑上无法显示同一个网页，这也导致许多...
分类：
其他好文 时间：
2015-06-24 08:10:37
阅读次数：
174
响应式布局的三大要点 http://ued.co/1839 By yuchan he ??Design?? 28 二 2015 在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局类型 ? 布局实现 采用何种方式...
分类：
其他好文 时间：
2015-06-23 13:52:49
阅读次数：
125
最近在做响应式布局适应不同分辨率的屏幕，太痛苦了，摸着石头过河。之前没有做过这块，手机端又不是很在行，ipad/iphone/三星……一大堆不同的屏幕，如何测试呢，总不能买一大堆设备吧。
偶然间发现谷歌浏览器(最新版)可以缩小来实现，这样又有问题了，分辨率是多少呢？发现新方法了，废话不多说了，直接上教程。
1.在谷歌浏览器打开你要测试的网页按键盘F12，打开网页调试
2.点击调试工...
分类：
其他好文 时间：
2015-06-20 11:58:24
阅读次数：
122
水平有限，不对之处还请指出。
【目前几种布局】
随着移动互联网的发展和微信的突起，移动端的响应式布局越来越重要了。
目前网站布局有以下几种：
1.定宽度布局
很多pc的网站都是定宽度布局的，也就是设置了min-width，
这样一来，如果小于这个宽度就会出现滚动条，
如果大于这个宽度则内容居中外加背景，
这种设计常见与pc端。
2.响应式布局
所谓响应式布局就是流式布局...
分类：
其他好文 时间：
2015-06-19 06:40:33
阅读次数：
155
最近在研究响应式布局，觉得挺好用的。给大家分享一下:
分类：
其他好文 时间：
2015-06-16 21:15:07
阅读次数：
133
