响应式设计问题求助：桌面端正常移动端显示异常

桌面端浏览器显示正常，但所有移动设备（已在多设备多浏览器测试）均无法按预期渲染布局。

已采取的调试措施：

• 使用media queries实现响应式布局逻辑
• 采用百分比宽度、max-width属性保障布局灵活性
• 排查并移除了硬编码的固定宽度值

相关资源：

• 代码仓库：https://github.com/natancent/rating_component.git
• 在线演示页面：https://rating-component-th5w.vercel.app/

恳请提供排查思路及解决建议，如需具体代码片段或更多细节，可随时补充。

内容的提问来源于stack exchange，提问作者Nathan Vicente