需要响应式设计问题的建议 - 适用于桌面但不适用于移动设备

问题描述 投票:0回答:1

我的设计响应能力遇到问题,希望您能帮助我解决。目前,该设计似乎在桌面浏览器上正常运行,但在移动设备上查看时,它没有按预期呈现。

我使用媒体查询和其他技术实现了响应式设计,以确保跨不同屏幕尺寸的适应性。然而,尽管做出了这些努力,布局仍无法在移动设备上正确调整。

预先感谢您的协助!

存储库: 回购

实时网页 直播

我使用媒体查询来定位不同的屏幕尺寸和方向。 布局使用基于百分比的宽度和最大宽度属性以实现灵活性。 我还检查了可能导致问题的任何固定宽度或硬编码值。 尽管采取了这些预防措施,该设计仍然无法在移动屏幕上正确显示。我已经在多个设备和浏览器上进行了测试,以确认该问题在不同环境中仍然存在。

我非常感谢任何有关如何排查和解决此问题的建议或见解。如果您需要有关我的实现的具体代码片段或更多详细信息,请告诉我,我会立即提供。

最诚挚的问候, 内森·维森特

css responsive-design media-queries
1个回答
0
投票

如果您正在谈论按钮溢出,您可以通过给予来修复

宽度:最小值(25em,计算(100% - 2em));

style.css 中的输入标签而不是静态 25em 值。

© www.soinside.com 2019 - 2024. All rights reserved.