跨屏幕网站制作

这段时间很火的自适应和响应式网站，仿佛网站不是响应式的就不好意思和人家打招呼。响应式确实代表了一种潮流。

除了响应式还有自适应，以及夸屏幕，夸屏幕就是用jquery检测访问者的浏览设备和分辨率，根据不同的浏览设备分辨率采用加载的css。

而响应式则是由很多框架了，向bootstrap,自适应是采用了媒体查询<meta name="viewport" content="width=device-width, initial-scale=1" />，包括使用相对百分比的宽和高等。

响应式和自适应的区别是，响应式的网站的展示会随着浏览设备和分辨率的变化而变化，而自适应则不会，无论什么浏览设备和分辨率都是一种固定的展示，不过是宽度和高度变大变小，而跨屏幕的则比较好，完全可以由开发人员定义，是想要网站展示样式的改变或者不改变，只要书写css就可以了。

转载于:https://my.oschina.net/ziyouderen07/blog/690802