移动适配
本话题发布移动适配相关的问答文章和技术分享,将持续更新,为您推荐了10篇问答,访问即可查看更多精彩内容。
-
1
回答
65浏览
flexible.js 适配后字体大小显示异常怎么办?
我用 flexible.js 做移动端适配,页面布局看起来没问题,但文字特别小,明明写了 font-size: 16px,在手机上却像只有 10px 左右。 我查了下,是不是因为 flexible 把...
移动 2026-03-11 23:41:19 -
1
回答
59浏览
env(safe-area-inset-top) 在安卓上不生效怎么办?
我用 env(safe-area-inset-top) 来适配 iPhone 的刘海屏,iOS 上没问题,但在安卓全面屏手机上完全没反应,布局还是被状态栏挡住了。是不是安卓不支持这个? 我试过加了 v...
移动 2026-03-10 12:03:22 -
2
回答
56浏览
iPhone X底部安全区域适配不生效怎么办?
我在做移动端页面时,发现iPhone X及以后的机型底部被Home Indicator遮挡了内容。明明加了viewport-fit=cover,也用了env(safe-area-inset-botto...
移动 2026-03-04 10:35:19 -
1
回答
46浏览
刘海屏下页面内容被遮挡怎么解决?
我在做移动端页面时,发现iPhone的刘海屏会把顶部导航栏的内容挡住,试过加padding-top: env(safe-area-inset-top)但好像没生效,是不是还要配合其他设置? 我的CSS...
移动 2026-03-02 21:35:18 -
2
回答
33浏览
iPhone X底部安全区域适配不生效怎么办?
我在做移动端页面时,发现 iPhone X 及以上机型的底部内容被 Home Indicator 遮挡了。我试过用 env(safe-area-inset-bottom) 设置 padding,但有时...
移动 2026-02-24 15:50:25 -
2
回答
42浏览
使用vw单位时为什么页面在不同手机上布局错乱?
在Vue项目里用vw做移动适配,按照教程设置了根字体大小,但iPhone SE上文字和按钮总是挤在一起,而iPhone 12显示正常。代码都按规范写了,为什么还是适配不好? 这是我的根元素设置:doc...
移动 2026-02-10 02:50:26 -
2
回答
66浏览
折叠屏展开后页面布局错乱怎么办?
在开发响应式页面时,用媒体查询设置了断点,但折叠屏手机展开后页面反而更乱了,这是为什么呢? 我尝试用@media (orientation: landscape)配合max-width: 1200px...
移动 2026-02-06 17:55:29 -
2
回答
103浏览
为什么用rem方案后移动端页面在不同机型下字体和间距错乱?
最近在用rem方案做移动端适配,按教程设置了html根字体大小,但发现iPhone 12和华为nova9的字体和间距显示完全不一样,1rem在nova9上显得特别大。 我按教程写了个动态计算函数: f...
移动 2026-01-29 18:13:26 -
2
回答
70浏览
iPhone底部Safe Area遮挡输入框怎么办?
开发聊天页面时,发现iPhone X以上机型的输入框总被底部Safe Area遮挡,试过设置padding-bottom: 34px但效果不稳定,有什么可靠的解决办法吗? 之前用过这样的CSS:.ch...
移动 2026-01-28 17:16:34 -
2
回答
89浏览
rem方案中根字体大小动态计算后页面元素错位怎么办?
我按照教程用JS动态计算rem,但手机旋转屏幕后文字和图片比例不对,有时候文字太大或太小。 代码检查了好几遍没问题,是不是哪里漏了?比如这个计算函数: function setRem() { cons...
移动 2026-01-27 10:28:27