Question

我正试图用她的网站jessheading.com帮助一位朋友

她正在使用WordPress主题和WP Touch移动插件。但是当有人点击在移动设备上查看完整网站版本时，当您缩小时（创建一种侧滚动），带有页面向下部分的橙色框会向右侧移动。

该框上的CSS是：

.pull-quote {
  background: #fb8063;
  width: 300%;
  margin: 30px 0 30px -100%;
  z-index: 70;
  position: relative;
 }

如何修复CSS或视口设置以防止缩小到目前为止，以便橙色框溢出到右边？

Answer 1

方框的父母：

{
    overflow-y: auto
}

Answer 2

.pull-quote {
    background: #fb8063;
    width: 300%;
    margin: 30px 0 30px -100%;
    z-index: 70;
    position: relative;
    overflow: hidden;
}

这只是剪辑溢出，其余内容将不可见

要考虑的其他一些事情是调整整个橙色框以及带有它的标记。

你可以尝试的其他溢出css是：滚动，自动等

甚至可能将橙色框的宽度设置为固定，并将其显示在背景为橙色的div标签内。

希望这会有所帮助

防止移动侧滚动

2 个答案: