摘要: 需求: 1. 这个矩形的高度和浏览器窗口的高度相同,不能出现纵向滚动条 2. 绿色部分高度固定,比如50px 3. 紫色部分填充剩余的高度 HTML结构: 需求1实现: html, body { height: 100%; margin: 0px; padding: 0px; } #main { b 阅读全文
posted @ 2019-05-27 18:17 vickylinj 阅读(16306) 评论(0) 推荐(0) 编辑
摘要: 一、允许网页宽度自动调整 首先,在网页代码的头部,加入一行viewport元标签。 viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100 阅读全文
posted @ 2019-05-27 18:07 vickylinj 阅读(12608) 评论(0) 推荐(0) 编辑
摘要: 一、px、em、rem和%的定义 1.px(像素) px单位的名称为像素,它是一个固定大小的单元,像素的计算是针对(电脑/手机)屏幕的,一个像素(1px)就是(电脑/手机)屏幕上的一个点,即屏幕分辨率的最小分割。由于它是固定大小的单位,单独用它来设计的网页,如果适应大屏幕(电脑),在小屏幕(手机)上 阅读全文
posted @ 2019-05-27 17:04 vickylinj 阅读(6207) 评论(0) 推荐(1) 编辑