网站上传到服务器后无法在移动浏览器上正确显示

Question

我不是网络专家，因此我最近撰写并更新了我的网站。 我在DreamWeaver CC上进行了所有测试，并在多种移动设备（平板电脑，Android和iPhone）上进行了测试； 一切似乎都正常。 在将网站上传到服务器之前，该网站开始表现异常。

第一个问题：这是一个投资组合网站，其中包含指向相应项目的单独页面。 在每个项目页面上，灯箱上的第一张图片总是不见了。 但是单击灯箱，我可以找到丢失的图像（预览图像和灯箱图像共享相同的来源，因此，如果灯箱可以找到该图像，则表示该图像在服务器上并且路径正确）。

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

第三个问题：上面的问题在台式机浏览器上从未发现（所有图像均正确显示；切换菜单有效）。 为了使问题更复杂，我无法确认这是设备还是浏览器问题。 例如，该站点可以在我的iPhone和nexus 5（android）上的chrome浏览器上工作，但是在我的xperia tablet（android）chrome浏览器上却出现了问题； 在我的xperia平板电脑上，该网站可以在Firefox上完美运行。

是否有人知道导致问题的潜在原因，以及解决方案的方向？

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

感谢您的宝贵时间，期待您的回复。

Answer 1

对我来说看起来不错（Google Chrome），您需要针对某些特定分辨率使用媒体查询。 您还需要使用一些跨浏览器的CSS标记，例如“ -webkit，-moz，-o”等。