首页 » 服务支持 » 知识讲堂 » Web自适应是什么

Web自适应是什么

摘要:随着4G的普及,越来越多的人使用移动设备进行沟通交流、购物、学习等信息汲取,随之出现了众多的不同移动设备,如掌上电脑、IPAD、手机等等,面对众多不同型号、不同种类的设备,网页设计师面临着一个大难题,即如何能在不同大小的设备上呈现同样的网页?很显然,如果要兼顾各种不同的设备尺寸,像以前根据每个不同尺寸进行固定排版肯定行不通。原本针对不同设备设计不同网页的方式,不但要花费大量时间、精力进行重复劳动,且容易出现很多网站维护方面的问题。而自适应作为新的网页布局方式的出现很好的解决了这一问题,自适应式的网站也会成为未来主流网站。下面我们谈谈什么是自适应?自适应是指在网页应用到不同设备尺寸时,自动识别其屏幕宽度,并做出相应布局调整的网页设计。例如2列1366像素宽的布局,转到990像素宽度,可自动简化成1列,将左边主要内容转换到图片上面去了,而作为手机页面时,基本上不管是图片还是文字,都以上下模块方式显示,省略了一些不影响主体展示的次要部分,并对部分图片进行了适当的裁切,这就是自适应带给我们的效果展示。自适应存在的展示方式主要有两种,百分比宽度布局和流式布局。百分比宽度布局:在网页设计时要注意,

随着4G的普及,越来越多的人使用移动设备进行沟通交流、购物、学习等信息汲取,随之出现了众多的不同移动设备,如掌上电脑、IPAD、手机等等,面对众多不同型号、不同种类的设备,网页设计师面临着一个大难题,即如何能在不同大小的设备上呈现同样的网页?

很显然,如果要兼顾各种不同的设备尺寸,像以前根据每个不同尺寸进行固定排版肯定行不通。原本针对不同设备设计不同网页的方式,不但要花费大量时间、精力进行重复劳动,且容易出现很多网站维护方面的问题。而自适应作为新的网页布局方式的出现很好的解决了这一问题,自适应式的网站也会成为未来主流网站。

下面我们谈谈什么是自适应?自适应是指在网页应用到不同设备尺寸时,自动识别其屏幕宽度,并做出相应布局调整的网页设计。

例如2列1366像素宽的布局,转到990像素宽度,可自动简化成1列,将左边主要内容转换到图片上面去了,而作为手机页面时,基本上不管是图片还是文字,都以上下模块方式显示,省略了一些不影响主体展示的次要部分,并对部分图片进行了适当的裁切,这就是自适应带给我们的效果展示。

09-56-44-17-4427.jpg

自适应存在的展示方式主要有两种,百分比宽度布局和流式布局。百分比宽度布局:在网页设计时要注意,不能使用绝对宽度及绝对宽度的元素,字体也不能使用绝对大小而只能使用相对大小,且图片实现自动百分比缩放这是非常重要的。网页会自动根据屏幕宽度来调整页面百分比。但是无论怎样缩放,他们主体的内容和布局是没有变化的。

在这种方法使用的过程中暴露出一个问题。当网站内容过多时,如果屏幕太小,即使网页能够根据屏幕大小进行适配,但在小屏幕上查看时,却会感觉内容过于拥挤,甚至无法看清,因此现在基本已不在使用这种适配方式了。

16-48-11-25-4427.jpg

而另一种流式布局正是为了解决这一问题而衍生的,其成为了目前主流使用的布局方式。流式布局同样可以自动识别屏幕宽度,并做出相应网页调整,但其在布局和展示的内容上可能会有所变动。在网页设计时各个区块的位置都是浮动的,不是固定不变的,当屏幕宽度太小,放不下两个元素时,后面的元素会自动滚动到前面元素的下方进行排列,不会在水平方向溢出。这样在相对较小的屏幕上浏览时,就不会出现过于拥挤和看不清的现象了。

14-00-05-27-4427.jpg

同样,这在使用流式布局时也需要小心绝对定位的使用,加载不同分辨率的图片也需要注意图像可能会出现的失真现象。

相对于自适应给广大网页设计师们带来的便捷和效率,其也把因各类CSS文件加载速度稍慢且带来较大的流量耗费等问题带给了用户,或许以后会有更好的解决办法。

 

 

以上 【Web自适应是什么】的内容由欣创网络( https://www.xcwl.com)收集整理,本文网址 : https://www.xcwl.com/news/8newdt.html ,转载请注明出处,如有侵权,联系删除!

更多有关汉中网站建设汉中网站设计汉中网站制作汉中做网站公司微信公众平台开发电商平台建设 等互联网应用服务都可以联系我们。网站建设热线: 0916-2233667/手机:18700660007(朱先生)

    2017-10-23 1105 1

    汉中万泽工贸公司一直致力于建筑智能化工程、社区智能弱电工程、信息集成工程、舞台灯光音响工程、公共广播工程、远程会议工程、安防监控工程、智能停车场管理工程、智能综合布线、办公设备销售等工程项。公司集项目开发、设计、施工、维护为一体,经营代理众多知名建筑智能化产品,是该领域一家技术领先、实力雄厚的专业级系统集成商。

    2017-10-17 1043 1

    黑滩子生态农场位于勉县勉县黑滩子村,农场秉承古法种养,专注生态食材的理念,农场分为有机种植、养殖示范园及生态养殖、种植示范园。

    2017-11-20 1021 1

    汉中市汉台区妇女联合会是区委领导的群众团体,负责宣传男女平等基本国策、维护妇女儿童合法权益、引领城乡妇女发展和未成年人思想道德建设等工作。机关内设办公室、城乡工作部。

    2017-11-18 991 1

    汉中新三环变压器有限公司是以生产电压等级为10KV、35KV级,容量为10~40000KVA及以下各类、型号的电力变压器、整流变压器、电炉变压器、电抗器、非晶合金变压器、有载调压自耦变压器、干式变压器、组合式箱式变电站等专业分公司。公司具有丰富的设计制造经验和完善的测试手段,生产设备先进、技术力量雄厚。

    2017-11-09 1165 1

    汉中海棠春餐饮有限公司衍生于城固海棠春酒店,是一家按照四星级标准投资建设的集客房、餐饮、商务、休闲为一体的综合性高端精品酒店,毗邻风光旎丽的汉水江畔,地理位置优越,交通环境便利。

    2014-05-14 36912 1

    汉中市鑫兴菌业有限公司位于陕西省汉中市西乡县沙河镇,公司从事食用菌菌种生产有三十余年的专业厂家,菌种选育,优良品种引进筛选,高新技术推广为一体的专业菌种生产厂家。菌种生产设备齐全,生产厂区规范整洁,生产经验丰富,生产厂房占地2亩,栽培基地50余亩,所生产的菌种从原材料——制种每个环节均按照菌种规范化生产,年产各类菌种50余万袋(瓶)。公司常年为客户提供“天麻蜜环菌、萌发菌、黑木耳、香菇等优质菌种”。

    2014-08-15 30919 1

    汉中安邦气瓶安装、检测有限公司是汉中市专业进行气瓶安装、检测的合法企业,其中气瓶检验是汉中地区 唯一一家具有检验资质的企业。

    2014-06-30 29682 1

    王建刚——国家特一级厨师,国际饭店烹饪协会会员,老子饮食文化研究会会员,陕西省汉中市执行会长。20年厨龄,十余年厨师长,三年行政总厨工作经验,对川菜、湘菜、官府菜、江湖菜、海鲜、火锅、干锅、特色小吃(成都、重庆)、及地方陕菜有一定研究。 在各大城市(北京、郑州、成都、重庆、许昌、新乡、林州、江苏、益阳、汉中)多家知名大酒店任职过,有自己专业的团队,厨政管理、成本控制、营销等经验丰富,承包各类酒店酒楼厨房。

    2014-08-16 29423 1

    陕西东鼎投资管理有限公司是经陕西省政府批准,并经省工商管理局核准成立的专业投资管理公司。我公司与银行及其它多家金融机构建立有长期的战略合作伙伴关系,公司注册资金为人民币2000万元。

    2014-08-18 28595 1

    汉中易卜拉欣电子科技有限公司成立于2014年3月,是汉中地区第一家专业从事现货贵金属电子订单式的投资企业,公司代理全国最大的天津贵金属交易所和西北最大的西北黄金珠宝交易中心两大平台。投资的贵金属有白银、镍、钯金、铂金和有色金属铜、铝。行情与国际盘面24小时实时接轨,T+0和杠杆化操作模式。手机、电脑都能实时操作,可买涨也能买跌的操作方式让投资者资金盈利最大化。工商银行、建设银行、农业银行的第三方存款让投资者的资金倍加安全放心,用户可随时出入金。