移动端开发

最近在适配移动端页面时遇到个问题，全屏轮播图在iPhone 13上底部文字总被刘海屏遮住一部分。按照网上的方法加了，然后用CSS写了个 .content { padding-bottom: const...

大家好，我在用postcss-px-to-viewport做移动端适配时遇到个怪问题。按教程设置了designWidth和deviceDPI，但页面底部按钮总偏移，而且在iPhone12上显示正常，到...

在做移动端卡片布局时，给图片容器加了aspect-ratio: 16/9，但不同手机上看比例还是不对。比如华为mate50显示正常，小米12就上下留白了。 已经试过把aspect-ratio写到图片和...

我在用React做移动端适配时遇到了问题，用CSS Grid布局的两列内容在手机端变成了一列堆叠，但按照文档设置的fr单位好像没生效。 这是我的组件代码： import styled from �...

最近在做移动端适配时发现一个问题，当同时使用rem和em时，字体大小总是忽大忽小。比如设置了html{font-size:16px}，然后用em的子元素又套了rem，结果在iPhone12上显示正常，...

在做移动端适配时遇到怪问题，用Grid布局的卡片在桌面端显示正常，但手机横屏时子项突然撑开到最大宽度，看起来好挤。我给容器加了max-width: 100%和width: 100%，也试过调整gap，...

大家好，我在做移动端导航栏时遇到问题。父容器设了width: 100%，里面三个子元素各占33.33%宽度，但实际显示时第三个元素会挤到下一行去。 我已经试过给父容器加font-size: 0解决子元...

我在项目里用了amfe-flexible，按照文档设置了meta name="viewport" content="width=device-width,initial-scale=1"然后引入imp...

在开发移动端页面时，用border:1px solid #ddd做的表格边框，在iPhoneX上看起来明显变粗了，但其他安卓机显示正常。我试过用媒体查询针对iOS设置0.5px，但这样又导致安卓设备边...

我在给网站做响应式布局时，用媒体查询设置了移动端样式，但手机访问时旧样式还在，新样式没生效。已经清除缓存、检查了断点数值，但问题依旧。比如在max-width: 768px时隐藏导航栏，但手机上看导航...

我在用流式布局做自适应页面时遇到了问题，设置了父容器宽度为百分比，但子元素的百分比宽度在不同屏幕下计算总是错位。 比如这样写结构： 内容 内容 内容 在手机横屏时三列能撑满，但竖屏时会溢出容器。试过加...

最近在用rem方案做移动端适配，按教程设置了html根字体大小，但发现iPhone 12和华为nova9的字体和间距显示完全不一样，1rem在nova9上显得特别大。 我按教程写了个动态计算函数： f...

开发聊天页面时，发现iPhone X以上机型的输入框总被底部Safe Area遮挡，试过设置padding-bottom: 34px但效果不稳定，有什么可靠的解决办法吗？ 之前用过这样的CSS：.ch...

我在用Vue开发移动端页面时遇到了断点切换的问题。现在用的是固定写死的768px断点，但发现iPhone 14 Pro这种大屏手机在 portrait 模式下组件布局还是错乱了。 试过用媒体查询在CS...

最近在做一个移动端项目，发现当我把手机从竖屏切换到横屏时，布局变得很乱。已经试过用meta标签设置viewport，但效果不佳。有没有什么好办法解决这个问题？