Question

我有这样的div：

<div class="col-lg-4 col-xl-4 col-md-6 col-sm-12 px-0 p-4">

当我在27＆＃39;屏幕使用col-xl-2并且它工作得很完美，但是当我在13＆＃39;屏幕上的macbook pro retina屏幕也使用col-xl-2，看起来很奇怪。我如何处理这些东西并指定视网膜屏幕的列大小？

Answer 1

尝试：

col-md-4

或

col-sm-4

<强>更新

由于视网膜显示屏的高分辨率，检测到大屏幕。

您可以在Bootstrap中设置自己的breakpoints。

也许this回答可以指出正确的方向。

或者试试这个（source）：

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}