码迷,mamicode.com
首页 > Web开发 > 详细

响应式网站概念

时间:2018-10-14 01:57:44      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:浏览器兼容性   ima   工作量   src   不清晰   不同   时间   col   控制   

2010年由Eson Machel提出。

一、概念:

是一个设计理念,采用多项技术的综合体。(针对不同的终端,采取不同的布局样式)

弹性布局的缺点:

当宽度小到一定程度,图片会发生裁剪,图片会不清晰,优化程度有限

技术分享图片

 

二、响应式运用的三大技术:

弹性布局  (流动网格)

弹性图片

媒体查询

技术分享图片

 

三、响应式网站的优点:

减少工作量

<1> 网站,设计,代码,内容只需要一份 

<2> 只是多出来 js 脚本和 css 样式的处理

减少工时间

每个设备都能得到一个正确的设计

搜索的优化

四、响应式网站的缺点:

加载更多的样式和脚本资源

设计比较难精确定位和控制,设计师要求高

老版本浏览器兼容性不好

 

响应式网站概念

标签:浏览器兼容性   ima   工作量   src   不清晰   不同   时间   col   控制   

原文地址:https://www.cnblogs.com/ipoodle/p/9784754.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!