在移动设备上显示响应式网站与在桌面上完全相同

Question

我在关注网站时遇到问题

www.tylkomarkowa.pl

基本上它响应（BS 3.0），但有大量的自定义查询。我想从这个网站删除所有的反对意见，但这很困难。所以我想知道是否有任何方法可以强制移动设备显示完整的网站，所以它看起来就像在桌面上，没有div堆叠等。

我已经尝试过viewport width = 1200和更高但它根本不起作用。我想在移动设备上安装1200px容器，即使需要水平滚动。任何的想法？谢谢。我被卡住了。我也试过在容器上修复宽度，但它也不起作用。

Answer 1

您应该删除所有

position:absolute;top:....    

喜欢或尝试使用简单的HTML和CSS进行设计以便在所有设备上工作

Answer 2

首先，从网站上删除响应是一个糟糕的主意。它会像你以前从未见过的那样对搜索引擎优化产生巨大影响，因为4月21日的谷歌更新将会对你的网站非常重视非常重要。

现在我已经说明了这一点，我将向您展示一些步骤，以便您删除此功能。

首先，从任何webkit浏览器打开调试控制台，然后转到来源标签。从那里，点击 Ctrl + Shift + F ，以便搜索所有源文件。输入“ @media ”，它会列出@media query {}的所有场合 - 这就是所有响应魔法发生的地方。

我添加了截图，以便您可以看到结果。从这里你可以看到有327次出现。这需要很长时间才能摆脱，但这是让网站成为移动头痛的第一步。

然后，就像你的直觉告诉你的那样，你必须保持视口宽阔。这似乎就像在 6689 一行中将min-width: 240px更改为min-width: 1200px global.css一样简单。

这应该是你前面的全部或大部分工作来搞定移动访问者的体验:)希望它有所帮助！