首页 >web前端 >css教程 >什么是web响应式网站?

什么是web响应式网站?

PHPz
PHPz原创
2017-04-03 14:43:561900浏览

什么是web响应式网站?响应式网站就是网页浏览中css根据屏幕宽度,自动调整网页p显示和布局,以适应不同尺寸屏幕优化浏览体验。先看一个响应式布局网站例子

Mashable 的首页:  
浏览器窗口最大化时:

1.jpg

缩小浏览器窗口:

2.jpg

再缩小:

3.jpg

再缩小:

4.jpg

通俗得讲是:响应式网站主要就是考虑PC端、平板端、移动端的网站自适应设计。

因为越来越多的智能移动设备( mobile, tablet device )加入到互联网中来,移动互联网不再是独立的小网络了,而是成为了 Internet 的重要组成部分。响应式网络设计 ( RWD / AWD)的出现,目的是为移动设备提供更好的体验,并且整合从桌面到手机的各种屏幕尺寸和分辨率,用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕。

以上是什么是web响应式网站?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn