Question

当用户滚动页面时，我看到网站主页水平移动。以下是网址： https://tandcity.dk/da/

我已经尝试过以下的CSS

std

我添加了一些元标记。您可以查看查看源。

有人可以帮我解决这个问题。

Answer 1

从body标签中删除它：

body {
/* overflow: hidden; */
/* width: 100vw; */
/* height: 100vh; */
}

适用于移动设备：

在此课程.vc_grid.vc_row.vc_grid-gutter-15px .vc_pageable-slide-wrapper上，如果您愿意，请将margin-right: -15px替换为margin-right: 0px。

在用.vc_grid.vc_row.vc_grid-gutter-15px .vc_grid-item

替换padding-right: 15px;，padding-right: 0px;之后

请记住，要使此移动广告生效，您必须在@media查询中添加它。

示例：在添加自定义css的位置，在结束标记

之前添加它

@media (max-width: 480px) { 

   .vc_grid.vc_row.vc_grid-gutter-15px .vc_pageable-slide-wrapper {
       margin-right: 0px;
 }

  .vc_grid.vc_row.vc_grid-gutter-15px .vc_grid-item {
      padding-right: 0px;
 }

}

对于iphone 7：

/* Portrait and Landscape */
  @media only screen 
   and (min-device-width: 414px) 
   and (max-device-width: 736px) 
   and (-webkit-min-device-pixel-ratio: 3) { 

   .vc_grid.vc_row.vc_grid-gutter-15px .vc_pageable-slide-wrapper {
       margin-right: 0px;
 }

  .vc_grid.vc_row.vc_grid-gutter-15px .vc_grid-item {
      padding-right: 0px;
 }
}

网页在Iphone 7中频繁移动

1 个答案: