我不是网络专家,最近我编写并更新了我的网站。我在DreamWeaver CC上运行了所有测试,并在多个移动设备(平板电脑,安卓和iPhone)上进行了测试;一切似乎都很好。在我将网站上传到我的服务器之前,网站开始行动起来很奇怪。
第一个问题: 它是一个投资组合网站,具有相应项目的单独页面。在每个项目页面上,灯箱上的第一张图片总是丢失;但是点击灯箱我可以找到丢失的图像(预览图像和灯箱图像共享相同的源,所以如果灯箱可以找到图像,则表示图像在服务器上并且路径正确)。 第二个问题: 当浏览器缩小到一定大小以下时,切换菜单将替换标题上的内容,单击切换菜单将显示弹出菜单到站点链接。出于某种原因,在将站点上传到服务器后,弹出的切换菜单永远不会起作用。第3个问题: 桌面浏览器上从未出现过上述问题(所有图像都正确显示;切换菜单有效)。为了使问题更复杂,我无法确认它是否是设备或浏览器导向的问题。例如,该网站适用于我的iphone和nexus 5(android)上的chrome浏览器,但问题出现在我的xperia平板电脑(android)Chrome浏览器上;在我的xperia平板电脑上,该网站在firefox上完美运行。
有没有人知道问题的潜在原因是什么,也许是解决问题的方向?
以下是我网站的链接:http://www.itsatommy.com
感谢您的时间,并期待任何回复。
答案 0 :(得分:0)
对我来说很好(谷歌浏览器),你需要使用媒体查询某些特定的分辨率。您还需要使用一些跨浏览器的css标签lide" -webkit,-moz,-o"等