【问题标题】:Content not showing well on mobile内容在移动设备上显示不佳
【发布时间】:2021-06-18 02:11:02
【问题描述】:

我在移动设备上使用的网络有问题。在桌面上看起来很完美,我也将浏览器的大小调整到最低宽度并且看起来仍然很棒,但在移动设备上显示为右侧的白色大框,就像是另一个内容一样。 Mobile View

正如我之前在桌面上所说,它看起来很完美,即使我将浏览器调整到最低。 Desktop View

老实说,我不知道问题出在哪里,非常感谢您的帮助。

【问题讨论】:

  • 看起来那个标题有最小宽度,你为什么不试着给它一个固定的'100vh',这样它就不会溢出
  • 也许你最好发布一些可以分析的代码。
  • 输入完整代码或“小提琴”这不是JavaScript 问题,如果这是干净的设计,请使用类似Bootstrap 的响应式框架,或者如果它是对现有设计的更新,请输入一些代码。这完全是CSS 问题

标签: javascript html css web responsive-design


【解决方案1】:

我发现了问题,这行是<meta name="viewport" content="width=device-width, initial-scale=1.0">

我将初始刻度的数字更改为 0.5,效果很好,我不明白为什么。如果有人向我解释初始规模的功能,我将不胜感激。

谢谢。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-03
    相关资源
    最近更新 更多