响应式网页设计是根据访问者的使用设备不同，调整网页展示的宽度和高度，以合适的比例分辨率自适应平台屏幕宽度，使界面更美观，从而更好地了解用户要求，提高用户体验。 响应式网页设计主要是从CSS3层面进行实现，通过媒体查询功能和流功能，可以有效地根据屏幕宽度改变网页布局，自动适应不同机型显示，从而实现页面的自适应效果。另外，还可以通过在不改变设计思路的情况下，使用mixin技术或者百分比布局，实现网页的自动适应性，同时，可以利用ajax技术把内容加载到页面。 综上所述，响应式网页设计有利于提高网页访问效率，让访问者能够轻松访问网站，达到更好的用户体验。
近日，谷歌官方在Google AdSense十周年讲座上发布了移动建站十大原则，由于是PPT形式，所以笔者把它整理成文字版的移动网站建站原则(也可以看做是谷歌手机站优化指南)，供广大站长参考。有兴趣的站长也可以对比下百度发布的手机站优化指南，看一看立足于中文本地搜索引擎的百度与有国际视野的谷歌在移动网站优化上有哪些共同点和区别，在此仅总结谷歌发布的移动网站建站原则，当然这份移动建站原则也是偏向于中
1. 打断式：优化网站的结构，以支持打断式内容，简化结构，易于管理和查找，减少不必要的资源消耗。 2. 视觉重组：重新组织介绍的内容，使资源网页的布局更加简洁清晰，同时充分利用移动端的页面排布和图标设计，提高资源的易用性。 3. 清晰易懂：增加文字、图标、标签等可读性资源，降低网页资源的操作难度，让用户在移动端更容易地查找和理解资源内容。 4. 响应式布局：优化和调整网站的布局，使网页能
做过wap站、做过siteApp、做过第三方，也做过独立APP，现在又做了个自适应的模板。所谓“响应式网页设计(Responsive Web Design)”也就是自适应，就是可以自动识别屏幕宽度、并做出相应调整的网页设计。就是输入本站域名，手机、平板、PC端显示的效果不同的，但是URL确是相同的。响应式网站，利于SEO(统一了URL)，利于用户体验，也利于用户分享，如下图所示：响应式网页设计的快
响应式网页设计是根据访问者的使用设备不同，调整网页展示的宽度和高度，以合适的比例分辨率自适应平台屏幕宽度，使界面更美观，从而更好地了解用户要求，提高用户体验。 响应式网页设计主要是从CSS3层面进行实现，通过媒体查询功能和流功能，可以有效地根据屏幕宽度改变网页布局，自动适应不同机型显示，从而实现页面的自适应效果。另外，还可以通过在不改变设计思路的情况下，使用mixin技术或者百分比布局，实现
