响应式 Web 设计 – 图片
使用 width 属性
如果 width 属性设置为 100%,图片会根据上下范围实现响应式功能:
实例
img {
width: 100%;
...
AI君
1个月前 (02-22) 17℃
0喜欢
响应式 Web 设计 – 媒体查询
媒体(media)查询在 CSS3 上有介绍:CSS3 @media 查询。
使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。
实例
如果浏览器窗口小于 500px, 背...
AI君
1个月前 (02-22) 12℃
0喜欢
响应式 Web 设计 – 网格视图
什么是网格视图?
很多网页都是基于网格设计的,这说明网页是按列来布局的。
使用网格视图有助于我们设计网页。这让我们向网页添加元素变的更简单。
响应式网格视图通常是 12 列,宽度为10...
AI君
1个月前 (02-22) 22℃
0喜欢
响应式 Web 设计 – Viewport
什么是 Viewport?
viewport 是用户网页的可视区域。
viewport 翻译为中文可以叫做”视区”。
手机浏览器是把页面放在一个虚拟的R...
AI君
1个月前 (02-22) 16℃
0喜欢
回顾¶
在上一章节中,我们定义了一个简单的模板,使用占位符来虚拟了暂未实现的部分,比如用户以及文章等。
在本章我们将要讲述应用程序的特性之一–表单,我们将会详细讨论如何使用 web 表单。
Web 表单是在任何一个 web 应用程序中最...
AI君
1年前 (2019-03-27) 94℃
0喜欢