html 自适应
Last updated on November 22, 2024 pm
🧙 Questions
创建官网支持自适应
☄️ Ideas
像素水平
xs < 768px
sm >= 768px
md >= 992px
lg >= 1200px
xl >= 1920px
可尝试使用第三方js,动态管理字体大小
Nav设计
nav 头部固定 使用rem
高度最好固定 logo也要固定大小 字体也要固定大小 不然会有空隙
字体要相对父级
高度
vh获取当前浏览器一个屏幕的高度
´
宽度
使用百分比和最大宽度处理
字体大小
vw + rem
宽度最大值
pc版本(宽屏幕)
mobile版本(窄屏幕)
设置图片最大值
设置rem的长宽
设置文字最大值
🔗 Links
html 自适应
https://ispong.isxcode.com/vue/html/html 自适应/