在移动设备上显示与台式机完全相同的响应式网站

luka5z

我的以下网站有问题

www.tylkomarkowa.pl

基本上,它是自适应的(BS 3.0),但带有大量的自定义查询。我想删除此网站上的所有响应,但这很困难。因此,我想知道是否有任何方法可以强制移动设备显示完整站点,因此看起来就像在台式机上一样,没有div堆叠等。

我已经尝试过视口width = 1200和更高,但是它根本不起作用。我想在手机上使用1200px的容器,即使需要水平滚动也是如此。任何的想法?谢谢你。我被卡住了。我也尝试过固定容器上的宽度,但是它也不起作用。

马丁

首先,从网站上删除响应是一个糟糕的主意。它将以前所未有的方式极大地影响SEO,因为4月21日发布的Google更新将非常重视您的网站对移动设备的友好程度

既然我已经指出了这一点,我将向您展示一些删除该功能的步骤。

首先,从任何Webkit浏览器中,打开调试控制台,然后转到“源”选项卡。在此处,点击Ctrl+ Shift+F以允许您搜索所有源文件。输入“ @media ”,它将列出您的所有场合@media query {}-这是所有响应式魔术发生的地方。

我添加了屏幕截图,以便您可以看到结果。从这里您可以看到327次出现。这将需要很长的时间才能消除,但这是您使该网站成为移动头痛的第一步。

然后,就像您的直觉告诉您的那样,您必须将视口保持宽阔。这似乎就像6689行将in更改min-width: 240pxmin-width: 1200pxin一样简单global.css

这应该是摆在您面前的所有或大部分工作,以改善您的移动访问者的体验:)希望能有所帮助!

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在台式机、平板电脑和移动设备上获得相同的显示效果

自适应表,在台式机上工作,但在移动设备上不完全相同

从台式机作为移动设备访问网站?

如何在移动设备中显示与台式机相同的bootstrap 4卡结构?

为什么我的内嵌svg无法在Safari(台式机和移动设备)上正确显示?

瞬间显示“无效日期”(仅在Safari和Safari上,无论是台式机还是移动设备)

这是在preact / react中为台式机和移动设备实现单独网站的最佳方式

如何在响应模式下垂直保持居中3格(移动设备与台式机)

在台式机上的网站很好,但在移动设备上的网站很小

根据移动/台式机操作系统在网站上显示不同的按钮/下载链接

CSS媒体可在移动设备和台式机中隐藏/显示div?

在台式机和移动设备上检测点击(或触摸)的最可靠方法是什么?

会话Cookie在移动设备上的过期时间比台式机更早

Bootstrap表单布局(台式机与移动设备输入顺序)

我们如何确定客户是否正在通过移动设备或台式机查看我的网站?

移动响应设备中的分页问题。并在台式机、笔记本电脑、平板电脑视图中显示五行。只需要在移动设备中显示两行

仅在台式机上显示adsense广告,然后在移动设备上隐藏该广告

在台式机上隐藏导航元素,仅在移动设备上显示

台式机13.10上无法移动的文件

我希望我的网页仅在台式机和平板电脑上缩小,而不能在移动设备上缩小

如何为台式机和移动浏览器的响应式设计合并特定的CSS文件

是否可以取消滑动/隐藏台式机的“滑动”滑块但为移动设备滑动/显示的“滑动”滑块?

为什么此html表在台式机上响应,但在移动设备上却不响应?

与笔记本电脑和台式机同步可移动设备上的文件夹

在台式机和移动设备上切换图像以发送电子邮件| Mailjet

在台式机和移动设备上为2列和3列编写Flexbox代码(自动换行)

代码建议可在台式机(而非移动设备)上使用相机工作时读取QR码

如何以响应方式显示可在台式机和移动人像和风景中使用的图形?

如何使Firebase动态链接重定向到台式机上的网站以及移动设备上的即时应用程序