响应式布局
qq_34664510
这个作者很懒,什么都没留下…
展开
-
响应式布局
1.灵活的图像和媒体。尺寸按百分比定义,根据环境进行缩放 2.灵活的、基于网格的布局。 3.媒体查询。根据媒体特征,对设计进行调整创建可伸缩图像1.图像缩放刻意空间:其父元素建立的内容区域 2.width:100%会让图像尽可能填充容器,容器宽度比图像宽,会拉伸 3.图标字体、svg可创建无损缩放的图性 4.也可以用于video、embed、objectmax-width:100%;创建弹原创 2017-06-27 15:52:51 · 249 阅读 · 0 评论 -
弹性盒模型
Flexble Box弹性容器(flex container) 弹性子元素(flex item) 主轴(main axis)、侧轴(cross axis) 弹性子元素排列起始位置:主轴开始(main start)、侧轴开始(cross start) 结束位置:主轴结束(main end)、侧轴结束(cross end)属性flex-direction row row-reverse c原创 2017-07-20 20:20:20 · 265 阅读 · 0 评论 -
Html5与Css3布局、盒模型(七)
布局实例:规范的命名和编排<body> <div class="page"><!--page开始--> <header class="masthead" role="banner"><!--masthead开始--> <p class="logo"><a href="#"><img src="logo.png"/>Logo图片</a></p> <ul clas原创 2017-07-06 21:59:01 · 993 阅读 · 0 评论