Wordpress - 可视化编辑器响应式图像交换禁用移动选项卡设备上的边距

时间:2017-02-23 22:19:52

标签: html css wordpress responsive visual-composer

我在视觉编辑器中创建了两行,并且都是3/3对齐。在第一个我放置三个交换图像,尺寸380x190px。在第二个我添加两个具有相同尺寸的交换图像,我使用css margin-left:150px用于第一个和margin-right:150px用于第二个用于将它们带到中心。您可以在附加的image1-pc.png上看到我到PC浏览器的结果。视觉上正是我想要的。

BUT 我的问题是,在移动设备和平板设备上,响应结果会因边距而被破坏。因此,五个交换图像中的最后两个按顺序不会完全出现在其他交换图像之下。您可以在此处查看附加的image2-mobile.pngenter图像说明的结果。

- 我该如何解决这个问题?有没有办法通过视觉作曲家为其他设备停用这两个边距? - 或者我应该通过将两行都设置为1/1来手动完成,在其中添加html块以通过使用具有响应选项的自定义css代码自行创建它?

提前感谢您的时间。 enter image description here

enter image description here

0 个答案:

没有答案