响应式

2022年6月13日小于 1 分钟

媒体查询

@media only screen and (min-width: 375px) and (max-width: 413px) {}

em 相对于父元素(不常用)

rem 相对于根元素 html 的 font-size(常用)

vh 相对于视口高度(100vh)

vw 相对于视口宽度(100vw)

vmax、vmin 获取视口高度与宽度相比的最大、最小值(手机横竖旋转视口宽高会对调)

window.screen.height 显示屏高度

window.innerHeight 视口高度(除去浏览器导航栏等浏览器自带功能键的高度)

document.body.clientHeight 网页文档 body 高度