移动端开发
本话题发布移动端开发相关的问答文章和技术分享,将持续更新,为您推荐了15篇问答,访问即可查看更多精彩内容。
-
1
回答
9浏览
刘海屏安全区域适配后底部内容还是被遮挡怎么办?
最近在适配移动端页面时遇到个问题,全屏轮播图在iPhone 13上底部文字总被刘海屏遮住一部分。按照网上的方法加了,然后用CSS写了个 .content { padding-bottom: const...
移动 2026-02-15 19:36:27 -
2
回答
39浏览
使用postcss-px-to-viewport后页面元素错位怎么办?
大家好,我在用postcss-px-to-viewport做移动端适配时遇到个怪问题。按教程设置了designWidth和deviceDPI,但页面底部按钮总偏移,而且在iPhone12上显示正常,到...
移动 2026-02-14 08:27:39 -
2
回答
19浏览
aspect-ratio设置后移动端图片还是变形怎么办?
在做移动端卡片布局时,给图片容器加了aspect-ratio: 16/9,但不同手机上看比例还是不对。比如华为mate50显示正常,小米12就上下留白了。 已经试过把aspect-ratio写到图片和...
移动 2026-02-10 08:36:36 -
1
回答
25浏览
React Grid布局在移动端为什么列会错位?
我在用React做移动端适配时遇到了问题,用CSS Grid布局的两列内容在手机端变成了一列堆叠,但按照文档设置的fr单位好像没生效。 这是我的组件代码: import styled from ...
移动 2026-02-09 19:18:26 -
2
回答
25浏览
rem和em在移动端响应式布局中如何配合使用?
最近在做移动端适配时发现一个问题,当同时使用rem和em时,字体大小总是忽大忽小。比如设置了html{font-size:16px},然后用em的子元素又套了rem,结果在iPhone12上显示正常,...
移动 2026-02-08 23:15:25 -
2
回答
70浏览
React里用CSS Grid布局,子项在移动端堆叠时突然变宽了怎么办?
在做移动端适配时遇到怪问题,用Grid布局的卡片在桌面端显示正常,但手机横屏时子项突然撑开到最大宽度,看起来好挤。我给容器加了max-width: 100%和width: 100%,也试过调整gap,...
移动 2026-02-04 22:29:29 -
1
回答
50浏览
为什么用百分比布局时子元素宽度总是超出父容器?
大家好,我在做移动端导航栏时遇到问题。父容器设了width: 100%,里面三个子元素各占33.33%宽度,但实际显示时第三个元素会挤到下一行去。 我已经试过给父容器加font-size: 0解决子元...
移动 2026-02-04 10:22:39 -
1
回答
43浏览
使用amfe-flexible后页面元素在不同手机显示比例不一致怎么办?
我在项目里用了amfe-flexible,按照文档设置了meta name="viewport" content="width=device-width,initial-scale=1"然后引入imp...
移动 2026-01-31 20:43:25 -
2
回答
41浏览
移动端1px边框在iPhoneX上显示成2px怎么办?
在开发移动端页面时,用border:1px solid #ddd做的表格边框,在iPhoneX上看起来明显变粗了,但其他安卓机显示正常。我试过用媒体查询针对iOS设置0.5px,但这样又导致安卓设备边...
移动 2026-01-31 14:37:30 -
2
回答
33浏览
媒体查询在移动端失效,如何排查和解决?
我在给网站做响应式布局时,用媒体查询设置了移动端样式,但手机访问时旧样式还在,新样式没生效。已经清除缓存、检查了断点数值,但问题依旧。比如在max-width: 768px时隐藏导航栏,但手机上看导航...
移动 2026-01-30 23:31:24 -
2
回答
77浏览
流式布局中元素宽度百分比计算不准确怎么办?
我在用流式布局做自适应页面时遇到了问题,设置了父容器宽度为百分比,但子元素的百分比宽度在不同屏幕下计算总是错位。 比如这样写结构: 内容 内容 内容 在手机横屏时三列能撑满,但竖屏时会溢出容器。试过加...
移动 2026-01-30 08:38:31 -
2
回答
57浏览
为什么用rem方案后移动端页面在不同机型下字体和间距错乱?
最近在用rem方案做移动端适配,按教程设置了html根字体大小,但发现iPhone 12和华为nova9的字体和间距显示完全不一样,1rem在nova9上显得特别大。 我按教程写了个动态计算函数: f...
移动 2026-01-29 18:13:26 -
1
回答
38浏览
iPhone底部Safe Area遮挡输入框怎么办?
开发聊天页面时,发现iPhone X以上机型的输入框总被底部Safe Area遮挡,试过设置padding-bottom: 34px但效果不稳定,有什么可靠的解决办法吗? 之前用过这样的CSS:.ch...
移动 2026-01-28 17:16:34 -
2
回答
50浏览
Vue中如何根据屏幕宽度动态切换组件的断点配置?
我在用Vue开发移动端页面时遇到了断点切换的问题。现在用的是固定写死的768px断点,但发现iPhone 14 Pro这种大屏手机在 portrait 模式下组件布局还是错乱了。 试过用媒体查询在CS...
移动 2026-01-26 12:29:29 -
2
回答
24浏览
怎么让我的网页在手机上横竖屏都能正常显示
最近在做一个移动端项目,发现当我把手机从竖屏切换到横屏时,布局变得很乱。已经试过用meta标签设置viewport,但效果不佳。有没有什么好办法解决这个问题?
移动 2026-01-25 02:27:10