WordPress 125%的重复小部件/更改媒体断点

时间:2019-03-19 08:05:40

标签: html css wordpress plugins responsive-design

//初始情况-我拥有和想要的东西

我正在将WordPress版本5.1.1与Elementor Page Builder插件版本2.5.8结合使用,并且我希望使响应式网站在台式机和移动设备以及平板电脑上看起来都不错。

因此,我在该行中有一个包含两列的部分,其中以下是同一系统,在桌面视图下还要再显示2次。对于移动设备,我希望进行其他调整。

所以我使用的技巧是,我复制小部件并在第二部分中对齐元素,并将第一个隐藏在移动设备上,将第二个隐藏在台式机和平板电脑上。到目前为止一切顺利,看来一切正常。

//问题-什么不起作用,需要修复

如上所述,我使用的系统似乎在运行,在移动设备上它仅显示第二部分,在台式机上仅显示第一部分。在Windows显示设置中对100%的尺寸进行了测试,并在浏览器和单独的浏览器中放大。

但是,在Windows显示设置中达到125%时,我通过Windows功能将页面拆分到屏幕的一半,它显示了两个部分,要么看起来不好,要么实际上不是我想要的,需要。这只会在Google Chrome浏览器上发生,所有其他浏览器都“决定”当前使用的设备,只有chrome在125%的屏幕上显示,并且两个部分同时显示半屏。

我该怎么办/如何解决此问题? 边缘例如当Chrome仍在桌面设备中时,在半屏上将其设置为平板电脑。 也许与Madia断点有关?我可以在WP设置中更改它们吗?

先谢谢您!

编辑:图片以显示其外观:

This is the standard desktop view of this section

This is the standard tablet view of the second section

This is how it looks in Google Chrome 125% Windows 100% Browser Zoom Half Screen

没有任何手动媒体查询,它们都是标准的。可以在所有100%Windows分辨率下使用,但只能在125%的Google Chrome上使用。

0 个答案:

没有答案