双显示器设置上奇怪的CSS行为

时间:2018-12-31 12:50:35

标签: css sass

我很难指出确切的问题,但问题出在以下地方:

CSS可以与我测试过的任何设置(移动设备,不同的分辨率(包括最大和手动调整大小),屏幕颜色深度等)一起正常工作

当我连接了多台显示器时,当我最大化页面时,问题就开始了。不会发生这种情况,例如当我有笔记本电脑和显示器设置时。只有两台已连接的显示器。

现在,足以使其减少一点(手动调整大小),一切都会恢复到完美的顺序。但是最大化(以及在两个监视器之间拆分页面)会导致问题。

问题是不清楚问题是什么。所有CSS均正确呈现,没有取消的CSS,什么也没有。只是刹车。

有什么想法吗?

这里live URL待测(系统处于活动状态)

更新原因是媒体查询最大宽度和最小宽度的奇怪行为。由于某些原因,无法在大于3500的大分辨率的多个屏幕上正确检测到它。 通过将最大宽度增加到10K,可以解决此问题

1 个答案:

答案 0 :(得分:0)

原因是媒体查询max-widthmin-width的异常行为。由于某些原因,无法在大于3500的大分辨率的多个屏幕上正确检测到它。通过将max-width增加到10K,可以解决此问题