2015-08-12 21:46
响应式布局网页设计中使用以及认知的一些误区
响应式网页布局是当今比较火的设计形式,基本上只要涉及到手机端、平板端优化的网站,只要有时间的程序猿,或者网页布局不算太复杂,基本都会使用响应式布局。以下是搜集到在网路上有朋友理解的误区,特此简要的说说阿萌个人的理解。
刚接触这个名词的时候,我是这样理解的,以为只是大小宽度,也就是页面设计要保证在不同大小的访问中断上,都能正常的显示舒适的界面。之后的一段时间感觉别人把这个名词给神化了,多方验证后其实理念也就如上所说。
下面来说说网路上的一些误区:
-
响应式布局 = 移动端优化
乍看之下,其实也对,响应式布局应用最多的地方,就是移动端优化,但是绝不能相等,响应式布局是一种设计模式,是一种概念,它能有很多作用,而不能紧紧局限于这样的理解,不然就本末倒置。 -
响应式布局拖慢网页加载速度
的确,响应式布局因为要考虑方方面面的兼容性,会导致代码会多一些分支,但是,光是网页结构本身的代码,加载速度就算再慢也就那零点几秒,如果你非要说我的网站使用了响应式布局而加载很慢,那么我只能说你的设计有问题,程序猿不就是为此而存在的咩。 -
响应式网页需要支持所有的浏览器
这是没有必要的,当然,一个优秀的设计必定要兼容更多的浏览器,但是,这里指的是更多,而不是所有。毕竟人的精力、能力、时间和需求都是有限的,我们要尽量做到最好,但是没必要也不可能做到完美。 -
字体不用优化
这就有问题了,如开头所说,响应式布局是为了让网页在所有不同大小的终端上显示都很舒适,那么,你的字体大小必定也要去优化。
如上所说,响应式布局要在需求和精力的基础上,选择用于不用。在我看来,响应式布局不是一个固定的网页设计方法,它是一种概念,一种理念,重在想象,无论你怎么构建代码,只要达到目的,符合优化,那么这个设计就是一个较为成功的响应式网页设计。
标签:响应式布局
- 利用JavaScript与CSS制作百分比进度条效果的简单实例
- 代码分享:CSS3利用transform属性制作图片墙(图片大小自适应)
- JS操作cookie的应用,实现首次进入页面实行欢迎页
- JavaScript控制网站文章字体大小显示简单实例——大中小切换
- 利用超链接或JavaScript修改iframe框架内嵌网页地址
- script标签中languege属性与type属性的选择
分类相关推荐 / Cat Related Articles
- 暂无相关文章