Question

我目前正在构建一些类似“单页”类型网站的目标网页。

然而，当您浏览不同的部分（使用jQuery循环执行不同的步骤）时，在测试时偶尔会在较小的屏幕上被挤压，这意味着我可能必须根据屏幕尺寸使某些元素消失

我想尝试避免用户不得不向上和向下滚动，因为背景是视频而且看起来有点奇怪。

我想知道是否存在我可能没有实施的做法，以使所有内容适合不同尺寸的屏幕？平板电脑或现代手机没有问题，但分辨率较小（趋于1280 x 1080及以下），它开始变得非常难看。

如果有人能就如何处理这类问题向我提出建议，那么我们将非常感激。

先谢谢！

Answer 1

首先，很明显可以在.css声明中使用百分比来确保整个网站具有适应性，但似乎您已经掌握了这个概念并引用了对象中的外观< / p>

确实有些对象不是为较小的设备制作的，可能需要删除，但这并不意味着不能使用替代品（替代对象）

根据屏幕大小也很容易运行不同的JQuery脚本：

    if($(window).width() >= 1024){
  // Implementation
}

我想只有几种方法可用于您的目的

您是否考虑过一起删除水平滚动？

    html, body {
  overflow-x: hidden;
}
body {
  position: relative;
}