html 自适应

Last updated on September 15, 2024 pm

🧙 Questions

创建官网支持自适应

☄️ Ideas

像素水平

xs < 768px
sm >= 768px
md >= 992px
lg >= 1200px
xl >= 1920px

可尝试使用第三方js,动态管理字体大小

nav 头部固定 使用rem
高度最好固定 logo也要固定大小 字体也要固定大小 不然会有空隙
字体要相对父级

高度

vh获取当前浏览器一个屏幕的高度
´

宽度

使用百分比和最大宽度处理

字体大小

vw + rem

宽度最大值
pc版本(宽屏幕)
mobile版本(窄屏幕)
设置图片最大值

设置rem的长宽

设置文字最大值

html 自适应
https://ispong.isxcode.com/vue/html/html 自适应/
Author
ispong
Posted on
March 6, 2023
Licensed under