小白求救移动端适配的一些问题
前端吧
全部回复
仅看楼主
level 1
洛秋冬言 楼主
鼠鼠
要做一个移动端,现在不知道到底用rem布局还是vm布局好一点,求求各位大佬救救鼠鼠吧[泪][泪][泪]
2023年08月01日 09点08分 1
level 9
不是vw吗?
2023年08月01日 11点08分 2
诶,打错了[泪][泪][泪]
2023年08月01日 13点08分
大佬,你们用的是这个吗?
2023年08月01日 13点08分
@洛秋冬言 现在用这个比较多了吧,我才干这行几个月
2023年08月01日 13点08分
@未设置昵称 谢谢大佬,我才学不到一个月,老师急着让我们做,我们就只能被迫上了
2023年08月01日 13点08分
level 1
!(function (win, doc) {
function setFontSize() {
const winWidth = window.innerWidth;
doc.documentElement.style.fontSize = (winWidth / 750) * 100 + 'px';
}
const evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
let timer = null;
win.addEventListener(evt, function () {
clearTimeout(timer);
timer = setTimeout(setFontSize, 300);
}, false);
win.addEventListener("pageshow", function (e) {
if (e.persisted) {
clearTimeout(timer);
timer = setTimeout(setFontSize, 300);
}
}, false);
//初始化
setFontSize();
}(window, document));
2023年08月02日 03点08分 3
用rem 100px = 1rem
2023年08月02日 03点08分
把这代码放上去就可以适配了
2023年08月02日 03点08分
@enjoy我的哈哈 谢谢大佬
2023年08月02日 03点08分
缺点是ipd这种适配的不行。纯手机端凑合
2023年08月02日 04点08分
level 9
rpx
2023年08月02日 03点08分 5
level 7
不用这些花里胡哨的,直接媒体查询写两套就行了
2023年08月02日 04点08分 7
谢谢大佬[笑尿][笑尿]
2023年08月02日 05点08分
level 8
花里胡哨[吐舌]我直接zoom一把梭
2023年08月02日 04点08分 8
这也可以吗?谢谢大佬了
2023年08月02日 05点08分
@洛秋冬言 啊这,懒🐶做法罢了[阴险]。我现在公司的官网就是,如果用户屏幕过小就放缩到逻辑宽度等于设计图尺寸,不过得设置最小比例,不然缩小之后字看都看不清
2023年08月02日 12点08分
level 1
rem
2023年08月02日 04点08分 9
谢谢大佬
2023年08月02日 05点08分
level 11
都行吧,看设计稿咯。px转vw,vh或者转rem都行啊
2023年08月02日 05点08分 10
谢谢大佬
2023年08月02日 05点08分
level 9
我的建议是再写一套
2023年08月02日 05点08分 11
想问问一下大佬,rem布局的话是要把所有机型都写一遍吗?
2023年08月02日 05点08分
level 1
直接套框架。
2023年08月02日 06点08分 12
level 1
直接xp一把梭
2023年08月02日 06点08分 13
level 10
花里胡哨的,px 直接梭哈[吐舌][吐舌]
2023年08月02日 07点08分 14
level 1
用vw rem需要写js 网速慢 首次加载会变形
2023年08月02日 07点08分 15
那咋办啊
2023年08月02日 10点08分
@洛秋冬言 用vw啊
2023年08月02日 11点08分
@洛秋冬言 没事,可以等加载完毕再展示
2023年08月02日 23点08分
level 6
我一般是用那个flexible.js的插件,大致的作用就是依据你屏幕的宽高比来动态修改body的font-size属性,然后再结合rem使用,就能解决大部分的适配问题
2023年08月02日 07点08分 16
1 2 尾页