qq_43654065的博客

自适应的体验：http://m.ctrip.com/html5/响应式的体验：http://segmentfault.com/起初，网页设计者都会涉及固定宽度的页面，最开始的电脑显示器分辨率种类不多，因为但是电脑本来就少，即使有变化也是800、850、870、880。比如开源中国的网页就是固定宽度998来定制的。至于为什么是998，不知。后来，随着显示器越来越多，以及笔记本的普及，这种方式的页面也出现了问题。于是出现了一种新的布局方式--宽度自适应布局。我们平时谈论的自适应布局，大多指的...

(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; if (clien.

一. 静态布局（static layout）      即传统的Web布局，网页上的所有元素尺寸一律使用px作为单位。1. 布局特点      不管浏览器尺寸具体是多少，网页布局始终按照最初代码的布局来显示。常规的pc网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果页面小于这个宽度就会出现滚动条；如果大于这个宽度则内容居中外加背景，这种设计常见于pc端。

1. 切换.html（同一套css）网页通常需要适配pc端和移动端，适配可以通过响应式布局判断屏幕尺寸来展示不同的效果，还可以通过编写两个页面，也就是pc端和移动端分别写一个页面，这种方式更方便功能模块的编写。通常情况下，pc端域名使用www，而移动端域名使用m，在编写pc和移动两个页面时，在实际页面加载时需要加载到对应的页面，所以需要判断设备的类型，让搜索引擎和浏览器知道，pc端用户应该访问那个页面，移动端用户应该访问哪个页面。//判断是手机还是电脑 if((navigator.userAgent