网站元素在 125% 推荐笔记本电脑缩放时被隐藏

Question

我一直在做的一个项目，有一个滚动的元素。像下面这样 -

但是，某些笔记本电脑在 1920 X 1080 分辨率下建议缩放 125% -

当使用推荐的 125% 缩放时，滚动中的元素显然会被隐藏。

有什么解决办法吗？

Answer 1

下面的媒体查询可以缓解这个问题。

@media only screen and (min-device-width: 900px) and (max-device-width: 1600px) {
   Add styles here.
}