css - Bootstrap 的模态(与移动设备的兼容性问题)

Question

我正在使用 Bootstrap 模式(版本 2)；默认大小不理想，因此我应用了以下 CSS:

#myModal{
    width: 80%;
    margin-left: -40%;
}

但问题是我的模态内容不再与移动设备兼容；我的意思是不再有水平滚动条，文本超出内容；但是，如果我不应用提到的 CSS，它与移动设备兼容；但问题是宽度对于我在桌面上的用途来说太小了。

Answer 1

Bootstrap 就是使用媒体查询。由于您只关心桌面上的显示，因此您也应该考虑使用它们!您可以调整 min-width 值，但 789px 是 iPad 的常用值。

@media (min-width: 789px) {
          width:80%;
          margin-left: -40%;
       }