读书频道 > web开发 > 其他综合 > 学习响应式设计
1.2.6 灵活性
2015-05-08 14:29:33     我来说两句 
收藏    我要投稿   

本文所属图书 > 学习响应式设计

本书分为四部分,全面介绍响应式Web 设计策略与技术,引领大家掌握从项目立项到网站上线的响应式设计工作流程。第一部分介绍响应式设计及其与其他网页设计方法的区别。第二部分概述构建响应式站点的基础知识、必  立即去当当网订购
媒体查询可以重排你的页面布局,但如果没有灵活性做基础,响应式设计将无法工作。
 
首先,在你的站点中几乎每一种水平度量都需要采用灵活的单位,而不是僵化的像素。这意味着各栏的宽度和其他布局元素将以百分比定义,文本则以一个叫作em 的相对单位来定义。
 
缩放页面上的图像这一工作有点不同,因为你不一定想让它们按照屏幕的宽度来改变大小,而是希望只要屏幕上有空间,图像就可以显示得足够大以便看清细节。可问题是,依据设备屏幕的大小,并不总是有足够的空间来以全尺寸显示一个图像。你需要确保图像在没有足够空间的情况下不会被截断。在第6 章中,我们将学习一个CSS 技巧来确保图像总是能够与我们放置它的空间相适应。
点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.2.5 媒体查询
下一篇:1.2.7 响应式网页设计
相关文章
图文推荐
3.2 Windows 7设置
3.1 DNS解析
2.3 HTTP协议
2.2 TCP/IP协议与So
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站