使用Bootstrap在视网膜上显示CSS断点

文章/答案/技术大牛

发布

1回答

css、twitter-bootstrap、bootstrap-4

我想知道如何在retina display上设置CSS媒体查询，使其与较小的笔记本电脑屏幕相同。它目前在我的mac上看起来是这样的，屏幕为1920x1080 ? 我希望它就像在小屏幕上一样 ?

浏览 10提问于2020-01-26得票数 2

回答已采纳

2回答

在谷歌地图应用编程接口v3中单击信息窗口后出现奇怪的缩放控件

javascript、android、google-maps、google-maps-api-3、infowindow

在点击Google Maps API v3上的一个信息窗口后，我得到了奇怪的缩放控件。通过下面的链接查看图像。有人能帮我解释一下为什么会这样吗？当我在Android应用程序的网页视图中显示地图时，似乎会发生这种情况，但在使用Firefox时则不会。

浏览 1提问于2014-03-26得票数 0

1回答

视网膜iPhone没有响应Twitter的启动

iphone、css、ios、twitter-bootstrap、responsive-design

我正在使用Twitter引导和响应的CSS为一个网页设计运行在一个UIWebView。我希望这个页面在所有的iPhone上看起来都是一样的，除了对于视网膜iPhones的分辨率应该加倍的图像，但是占用同样的“房地产”。webkit-min-device-pixel-ratio: 2) { .retinares { display:block }我在以下上下文中使用这些方法然而，我正经历一个视网膜</e

浏览 3提问于2012-08-04得票数 3

2回答

使用Bootstrap在小屏幕上隐藏图像

css、twitter-bootstrap、bootstrap-4、responsive-design

我有以下标记，它使用bootstrap 4来显示文本和图像，如下所示： <div class="row"> 现在我想在小屏幕上隐藏两个图像，只保留文本，那么我如何使用boot

浏览 2提问于2020-06-17得票数 0

1回答

引导3-媒体查询Tablet断点

twitter-bootstrap-3、media-queries、breakpoints、tablet

我已经创建了一个使用启动3和媒体查询的网站。这是我的基本.css媒体查询设置，使用的是移动第一方法。content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">中为移动视图优化设置了这个元集当重新使用我的浏览器chrome和firefox时，所有的断点都像预期的那样工作。对于移动，人像和景观，移动版本显示。但是当我在三星Galaxy和Ipad上

浏览 1提问于2014-11-18得票数 1

回答已采纳

1回答

bootstrap如何识别移动视窗代码？

mobile、twitter-bootstrap-3、bootstrap-4、web-frontend

" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text&#

浏览 0提问于2017-06-25得票数 0

3回答

bootstrap -根据屏幕大小应用类

html、css、twitter-bootstrap、bootstrap-4

我可以在不使用@media only screen的情况下完成此操作吗？或者this是最好的方式？例如，我可以用CSS编写此代码吗？media-breakpoint-up(md) { transform: translate(0px, -75px); } } 我还想根据屏幕大小隐藏/显示

浏览 18提问于2019-05-27得票数 2

回答已采纳

1回答

引导列:将中间列放在移动设备上的单独行上

html、css、twitter-bootstrap、bootstrap-4

我有一个问题，列在引导，我没有找到如何解决我的问题。在移动平台上：对于下面的行和列，有人知道怎么做？

浏览 4提问于2020-08-29得票数 0

回答已采纳

1回答

响应式网页设计提高手机分辨率

android、css、responsive-design

我一直在尝试学习响应式的网页设计，从我在网上找到的教程中，我发现您必须将像素设置为像480 to这样的最小宽度。它们的分辨率与高端电脑显示器相同。

浏览 3提问于2016-01-15得票数 0

回答已采纳

2回答

如何在jQuery中检查视网膜显示，并相应地提供双分辨率图像？

javascript、jquery

不幸的是，在这种情况下，我不能使用CSS解决方案。该解决方案本身的工作，但它不包括图像的视网膜显示。如果我正确地看到这一点，视网膜显示的图像需要两倍的分辨率才能正确显示。我在脚本中设置了以下断点: 1280 x 720 px (视网膜: 2560 x 1440)，1920 x 1080 px (视网膜: 3840 x 2160)，大于2560 x 1440 px(视网膜data-

浏览 5提问于2016-06-17得票数 2

回答已采纳

2回答

如何在Bootstrap中使用显示属性？

css、bootstrap-4、responsive、display

我需要使用Bootstrap解释的的一些属性。我在我的模板中编写了以下代码： <div class="col-12 col-sm"> <h2>Corporate我不知道我是否必须导入一些scss类，但是老师指定我们只需要使用css。

浏览 0提问于2018-07-21得票数 0

1回答

如何在html中设置高分辨率屏幕的媒体查询

css、media-queries、retina-display

如何设置媒体查询的高分辨率屏幕，如4k，5k，视网膜显示器等。正如我一直在阅读它，我知道我们可以使用分辨率特定的媒体查询。但我想知道如何理解4k 5k屏幕的断点，以及如何知道它们对未来高分辨率屏幕的可靠性。有人能建议如何在高分辨率屏幕上使用CSS吗？

浏览 2提问于2019-02-25得票数 1

1回答

iPad上的引导响应布局隐藏导航

css、twitter-bootstrap、responsive-design

Bootstrap有一个令人惊叹的响应式布局系统，然而，有时它与视网膜屏幕的大小不太‘正确’。例如，我的视网膜iPad有一个巨大的屏幕尺寸，但实际显示并不相同。在iPad上，我想隐藏左边的导航组件，并使用标题控件中的展开按钮来显示/隐藏，然而，我的iPad视网膜达到了大屏幕尺寸，因此没有隐藏。我使用bootstrap 3类获得了我的左导航：nav-left nav-collapse，我意

浏览 0提问于2013-11-26得票数 1

回答已采纳

2回答

bootstrap 4:列出不同断点的内联项目

css、twitter-bootstrap、twitter-bootstrap-3、bootstrap-4

如何使用bootstrap显示属性将断点<=575px (xs)的列表项彼此顶部对齐，以及断点>575px (sm)的列表项彼此相邻对齐？ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/<e

浏览 0提问于2018-09-18得票数 0

1回答

如何在引导中内联多个<p>元素？

html、css、next.js、bootstrap-5

如何在引导中内联多个<p>元素？ <div className="container d-inline-flex"> This is sentence number 1. <p className="text-nowrap"> This is sentence number 2, which is a bit

浏览 1提问于2022-10-22得票数 -1

回答已采纳

2回答

在bootstrap中有没有办法在我的style.css中创建自己的断点？

twitter-bootstrap、twitter-bootstrap-3

标题说明了一切，我想创建一个自定义的断点，但我不想打扰引导程序的精简文件。我的style.css显然是在缩小文件之后。编辑:所谓断点，我指的是媒体查询断点。

浏览 0提问于2016-03-06得票数 0

2回答

CSS @import仅用于Retina显示

css、media-queries、retina-display

我有一个@import在我的main.css文件顶部，为我的视网膜特有的样式拉进retina.css。是否可以将媒体查询添加到@import中，以仅在视网膜设备上显示retina.css文件？我不希望retina.css在每个页面/每个设备上加载，我希望将视网膜样式保存在一个单独的文件中。@import "retina-styles.css&

浏览 3提问于2012-08-14得票数 0

回答已采纳

1回答

在引导程序中对custom.scss文件所做的更改不起作用

css、laravel、bootstrap-4、sass、laravel-mix

我已经在我的laravel服务器上的引导节点模块中的scss文件locatce旁边创建了一个custom.scss文件，该文件的内容是@import "~bootstrap/scss/functions"; @import "~bootstrap/scss/_vari

浏览 1提问于2020-10-31得票数 0

2回答

在iPad3上显示视网膜使用css设置背景图像

css、background-image、retina-display、ipad-3

我尝试了下面的css，但它在iPad3上没有帮助。只有四分之一的图像适合iPad3。出什么问题了？

浏览 11提问于2013-05-03得票数 0

0回答

如何在不复制内容的情况下完成此Bootstrap布局？

html、css、twitter-bootstrap

我正在试图弄清楚如何在不复制内容的情况下完成某个Bootstrap布局。基本上，我希望将一些内容在sm/md断点分成2列，然后在lg断点分成3列。对于sm/md，布局将如下所示：<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.<

浏览 4提问于2016-07-14得票数 1

回答已采纳

点击加载更多