当前位置: 首页 > Web前端 > HTML

移动端适配_0

时间:2023-04-02 13:56:26 HTML

最近做项目,需要让移动端适配横竖屏。通过搜集资料,结合实际项目,总结如下:1.rem适配1.手机竖屏时,html的字体大小按屏幕宽度计算(设计稿规格750*1334)2.手机横屏时,html的字体大小按屏幕高度计算;(function(win,doc){if(!win.addEventListener)return;functionsetFont(){consthtml=document.documentElement;constclientHeight=html.clientHeight;constclientWidth=html.clientWidth;if(clientWidth