代码之家 › 专栏 › 技术社区 › dikkini

视网膜屏幕引导4网格系统

retina-display bootstrap-4 twitter-bootstrap css

dikkini · 技术社区 · 6 年前

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

当我在27'屏幕上测试时,它使用 col-xl-2 retina 它使用的屏幕看起来也很奇怪。我如何处理这些东西并指定视网膜屏幕的列大小?

1 回复 | 直到 6 年前

Tamas Szoke 6 年前

col-md-4

或

col-sm-4

由于视网膜显示器的高分辨率,可以检测到大屏幕。

breakpoints 在引导程序中。

source )以下内容:

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

推荐文章

xajetin · 导航不更改滚动上的颜色

2 年前

Noor ul ain Ibrahim · 如何在一行中制作两个大小相同的按钮?

2 年前

Bryan Santos · 固定表头与引导

2 年前

Nicolas Berthier · Bootstrap 5基于内容的包装

2 年前

tym · 根据用户偏好显示字段

2 年前

Sheryar Khan · 如何仅使用html、css、bootstrap、javascript/jquery创建html页面?

2 年前

Pavel · 当验证DIV可见时,引导网格会移动

6 年前

Sam · 在标题中嵌入Bootstrap 3导航栏

6 年前

Alexander David · 折叠卡打开,然后立即再次关闭

6 年前

Sandeep Bhardwaj · div的一致行为,与设备分辨率无关

6 年前