自适应网站

发布时间:2020-03-16 作者:kjzwh23t 来源:互联网 浏览量(7721 )
摘要:自适应网页设计(Adaptive Web Design)指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。
自适应网页设计

自适应网页设计(Adaptive Web Design)指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。

产生背景

随着3G的普及,越来越多的人使用手机上网。

移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?

手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。

很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。

于是,很早就有人设想,能不能"一次设计,普遍适用",让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)。

概念

2010年,Ethan Marcotte提出了“自适应网页设计”(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。 他制作了一个范例,里面是六个主人公的头像。

如果屏幕宽度大于1300像素,则6张图片并排在一行。

如果屏幕宽度在600像素到1300像素之间,则6张图片分成两行。

如果屏幕宽度在400像素到600像素之间,则导航栏移到网页头部。

如果屏幕宽度在400像素以下,则6张图片分成三行。

扫一扫二维码,直接手机访问此页

扫一扫,关注我们

声明:本文由【沈阳海润铭电子科技有限公司HRM智控HRM海润铭沈阳北斗定位沈阳GPS定位沈阳卫星定位沈阳高精定位沈阳高精度定位沈阳高精卫星定位沈阳高精度卫星定位沈阳车务通沈阳公务车管理沈阳车务管理沈阳卫星定位沈阳巡检定位沈阳油耗管理沈阳车队管理沈监控安防器材,沈阳远程监控,沈阳监控工程,弱电系统集成布线安装,光纤光缆工程,光缆工程光纤光缆工程,监控安防系统,周界报警系统,智能巡更系统,智能一卡通系统,广播音响工程,信息网络工程 通讯系统集成 弱电系统集成布线安装】编辑上传发布,转载此文章须经作者同意,并请附上出处【沈阳海润铭电子科技有限公司HRM智控HRM海润铭沈阳北斗定位沈阳GPS定位沈阳卫星定位沈阳高精定位沈阳高精度定位沈阳高精卫星定位沈阳高精度卫星定位沈阳车务通沈阳公务车管理沈阳车务管理沈阳卫星定位沈阳巡检定位沈阳油耗管理沈阳车队管理沈监控安防器材,沈阳远程监控,沈阳监控工程,弱电系统集成布线安装,光纤光缆工程,光缆工程光纤光缆工程,监控安防系统,周界报警系统,智能巡更系统,智能一卡通系统,广播音响工程,信息网络工程 通讯系统集成 弱电系统集成布线安装】及本页链接。如内容、图片有任何版权问题,请联系我们进行处理。

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何相关疑难问题!

十年磨砺锋芒耀---初心不改筑辉煌

搜索千万次不如咨询1次

远程管控-北斗定位-运营商。系统集成-智能物联-工程商。优质器材-品质设备-供应商。

立即咨询 024-88629000
在线客服
嘿,我来帮您!