摘要: 前端基础进阶 长度单位 vw / vh 使用vw单位设置网页元素的尺寸 相对单位 相对视口的尺寸计算结果 vw:viewport width 1vw = 1/100视口宽度 vh:viewport height 1vh = 1/100视口高度 <!DOCTYPE html><html lang="e 阅读全文
posted @ 2022-01-23 21:20 守漠待花开 阅读(42) 评论(0) 推荐(0)
摘要: 前端基础进阶 移动适配 移动适配 rem : 目前多数企业在用的解决方案 vw / vh:未来的解决方案 rem移动适配 使用rem单位设置网页元素的尺寸 长度单位 网页效果 屏幕宽度不同,网页元素尺寸不同(等比缩放) px单位或百分比布局可以实现吗? px单位是绝对单位 百分比布局特点宽度自适应, 阅读全文
posted @ 2022-01-23 19:32 守漠待花开 阅读(228) 评论(0) 推荐(0)
摘要: 前端基础进阶 Flex布局 主轴方向 使用flex-direction改变元素排列方向 Flex布局模型中,弹性盒子默认沿着哪个方向排列? 水平方向。 如何实现内容垂直排列? 主轴默认是水平方向, 侧轴默认是垂直方向 修改主轴方向属性: flex-direction <!DOCTYPE html>< 阅读全文
posted @ 2022-01-23 19:29 守漠待花开 阅读(168) 评论(0) 推荐(0)