2017-01-31 22 views
1

我的站点是fluentsea.net。我曾尝试如何让我的水平滚动网站在移动设备上显示正确?

THIS IS WHAT IT LOOKS LIKE on my phone and other phones ive used

THIS是如何看起来在桌面浏览器(Firefox),它应该是怎样看待手机尺寸:

我知道代码是丑(其现场我一直在学习HTML和CSS我的牙齿)

我已经做了很多工作,使锚点自动左右滚动,并采取用户通过该网站的路径。它适用于桌面浏览器,但出于某种原因,在手机上,它放大了WAY的方式,以便

我已经使用@media规则使设计响应,它是当我调整桌面浏览器窗口(firefox)的东西类似于手机尺寸。

我试图改变所有例如,我使用100vw到100%例如,并没有工作。

我改变了如何使用margin-left:100vw将内容推到右边,将100vw和100%宽度的“空白”div放到右边,尝试绝对定位正确的内容 - 没有它工作 - 手机浏览器仍然试图展示整个事情。

我会很好的绕过它在移动浏览器中的任何行为,以防止我的网站在Windows 7上查看它如何在Firefox上执行操作,即使它是一个肮脏的解决方案。我希望用户能够像在桌面上一样使用该网站。

请帮忙!

+0

所以我只是改变了并且正在试验这个,它似乎实际上是 正在工作!这是疯狂的因为我已经看了几个月,但现在张贴在这里后,我查了一个解决方案,它工作。但我仍然好奇,因为天气这是一个最佳实践...不是说我做了很多迄今为止大声笑 –

+0

我会建议创建[MVCE](http://stackoverflow.com/help/mcve)到证明这个问题,所以我们有一些工作。如果没有代码,几乎不可能为您的问题提供有意义的答案,并且我怀疑它很快就会关闭。 – Pevara

回答

0

检查Bootstrap

Bootstrap是世界上最流行的HTML,CSS和JS框架,用于在Web上构建响应式的移动优先项目。

相关问题