【问题标题】:Website does not render correctly on mobile browser(s) after upload to server网站在上传到服务器后无法在移动浏览器上正确呈现
【发布时间】:2017-12-11 09:26:43
【问题描述】:

我不是网络专家,我最近编写并更新了我的网站。我在 DreamWeaver CC 上运行了所有可以进行的测试,并在多个移动设备(平板电脑、安卓和 iPhone)上进行了测试;一切似乎都很好。在我将网站上传到我的服务器之前,该网站开始表现得很奇怪。

第一个问题: 它是一个投资组合网站,其中包含对应项目的各个页面。在每个项目页面上,灯箱上的第一张图片总是丢失;但是点击灯箱我可以找到丢失的图像(预览图像和灯箱图像共享相同的来源,因此如果灯箱可以找到图像,则表明图像在服务器上并且路径正确)。

第二个问题: 当浏览器缩小到一定大小以下时,一个切换菜单将替换标题上的内容,单击切换菜单将显示一个指向站点链接的弹出菜单。出于某种原因,将网站上传到服务器后,弹出的切换菜单无法正常工作。

第三个问题: 上述问题在桌面浏览器上从未出现过(所有图像都正确显示;切换菜单有效)。为了使问题更加复杂,我无法确认它是面向设备还是面向浏览器的问题。例如,该网站在我的 iphone 和 nexus 5(android) 上的 chrome 浏览器上运行,但在我的 xperia tablet(android) chrome 浏览器上出现问题;在我的 xperia 平板电脑上,该网站在 Firefox 上完美运行。

有人知道问题的潜在原因是什么,也许还有解决方案的方向吗?

这是我网站的链接:http://www.itsatommy.com

感谢您抽出宝贵时间,期待任何回复。

【问题讨论】:

    标签: html ios css mobile


    【解决方案1】:

    在我看来不错(谷歌浏览器),您需要针对某些特定分辨率使用媒体查询。您还需要使用一些跨浏览器 css 标签 lide "-webkit, -moz, -o" 等。

    【讨论】:

      猜你喜欢
      • 2021-10-06
      • 2022-06-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-08-02
      • 1970-01-01
      • 2015-03-23
      相关资源
      最近更新 更多