如何在Safari和Safari手机上使用Bootstrap 4设置高度？

文章/答案/技术大牛

发布

1回答

css、bootstrap-4、safari、mobile-safari

我正在使用Bootstrap 4.0.0构建一个静态页面，它可以在除Safari和Safari mobile之外的所有媒体和浏览器上运行。他们似乎无法识别容器的高度，也不允许滚动。在这里你可以看到页面和代码：https://www.intergraf.it/test/主体是绿色的，"jumbotron“是蓝色的，容器是红色的。你能帮帮我吗？

浏览 21提问于2020-11-06得票数 0

2回答

jStorage在某些IOS safari浏览器中不起作用

javascript、jquery、jquery-mobile、mobile-safari、jstorage

我正在尝试在我的网站上使用基于jQuery手机的jStorage。它在Chrome、Firefox、Android、一些版本的Mobile Safari和Windows Phone 8上的IE 10手机上都运行得很好。当我试图设置任何值时，它会给我一个“未定义”的错误。例如，$.jStorage.set("FBID", response.authResponse.userID); 我在iPhone 5(Safari6.1)和iPho

浏览 4提问于2013-02-12得票数 1

回答已采纳

1回答

iphone上的高度，最小高度问题

html、ios、iphone、css、ipad

它在desktop-browsers上工作--以及iPad上的chrome/safari。我根本不使用任何媒体查询。这是链接：<meta name="viewport" content="width=device-width"> 我有一个解决方案还不够好。如果我为视图设置了固定的像素宽度，设备宽度。比高度都好，占高度</e

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

1回答

safari中不渲染宽度高度的按钮和图像

css、reactjs、image、button、bootstrap-4

我不知道这里发生了什么.我的react项目使用reactstrap和bootstrap。它在chrome中工作得很好，但在safari中，图像不会加载，按钮的显示高度是应有高度的一半。我也用普通的HTML5按钮进行了测试，并调整了图像的高度……但似乎没有任何帮助。由于它与标准的HTML5按钮没有什么不同，我假设这不是bootstrap的问题，但我可能错了…… 你知道该去哪里找吗？编辑*类修复它-我有模式设置在90vh的高度</

浏览 12提问于2020-06-29得票数 0

回答已采纳

2回答

CSS显示:用于填充高度的表。Chrome/Safari与Firefox/Opera不同

css、google-chrome、firefox

使用display:table和display:table-row CSS属性，我希望我的内容填充一个div的剩余可用高度。如果内容超过可用高度，我希望显示一个滚动条。这是小提琴：为什么这种行为如此不同？更好的是:如何在每个浏览器中实现我想要的(如Chrome所示)？ Chrom

浏览 3提问于2013-04-12得票数 2

回答已采纳

2回答

css: Chrome和Safari中不同的列容器高度(引导4)

html、css、flexbox、bootstrap-4

d-sm-block"> </div> </body> 没有在Safari中(10.1节)：我做错了什么？是否有可能在不重建DOM的情况下更改这种样式？所以高度应该和Chrome一样

浏览 2提问于2017-10-02得票数 3

回答已采纳

10回答

如何在Chrome和Firefox之间标准化选择框的高度？

css

在Chrome和火狐浏览器中查看。在Firefox中，选择框的高度很大。在Chrome中，选择框的高度非常小。如何让chrome和safari的选择框看起来像Firefox的选择下拉框？

浏览 1提问于2010-03-31得票数 46

2回答

Safari不会将div设置为父目录高度的100%

html、css、safari、bootstrap-4

>);"></div>有没有任何was可以让它工作，最好没有任何JS？谢谢:)我使用的是Bootstrap</

浏览 0提问于2017-08-04得票数 2

10回答

在Safari中，弹性包装不像预期的那样工作。

css、flexbox

这适用于最新的Chrome、FF和Opera (都在Mac上)，但在Safari8.0.5( Mac)和任何iOS浏览器中，即使有足够的空间，这些盒子也不会排成一行。min-width: 220px; -webkit-flex: 1 1 auto;}如果我禁用-webkit-flex包装(有效地将其设置为现在这是Safari/Webkit中的某种bug，还是我在这里做错了什么？

浏览 7提问于2015-05-01得票数 56

回答已采纳

1回答

jQuery Mobile1.3.x和ASP.NET MVC4 Razor的列表视图渲染问题

asp.net-mvc、jquery-mobile、razor、asp.net-mvc-4

在IE 9/10和IE 8手机上无法正确呈现jQuery Mobile1.3.x列表视图时出现问题。它在Chrome，Safari，iOS上的Safari和IE9/10上的jQuery Mobile1.2.1上都能正确呈现。我在Win7上运行VS2012，C#，MVC和razor.要使用VS2012重现，请使用Razor生成一个MobileMVC4移动项目，然后使用NuGet升级

浏览 1提问于2013-04-23得票数 2

回答已采纳

1回答

在Bootstrap* 4上的Safari浏览器上，and仍然是可缩放和可收缩的*

html、css、bootstrap-4、safari、viewport

使用Bootstrap4框架，我尝试了在viewport元标签中内置的Bootstrap，它是 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 并且还使用了来自web研究的一个自定义元数据，比如 <meta name="viewport" content="width=device-width,

浏览 14提问于2019-09-16得票数 1

1回答

Safari和bootstrap 4 flexbox错误

html、css、safari、bootstrap-4、slick.js

Bootstrap 4- Safari版本10.1.2 display:table;和display:table-cell; vertical-align:center;在100%高度的分区上不工作。</div> </div> </div>如果我

浏览 3提问于2017-12-04得票数 0

1回答

填充外挠曲

css、twitter-bootstrap、flexbox

如果我想让列在里面更多的话，如何在flex外部列上设置填充(左和右)？我使用引导带，但我不想设置col偏移-1或类似的。目前，如果我将padding: 0 50px;设置在.row或.flex上，那么列的高度就不会相同。 background-color: #333;.flex { display: -webkit-flex; /* Safari*&#x

浏览 2提问于2016-05-10得票数 1

回答已采纳

3回答

隐藏DIV并在提交时显示图像

javascript、jquery、twitter-bootstrap

使用jQuery，当单击表单上的Submit按钮时，我需要隐藏一个DIV并显示一个图像。HTML的相关部分如下： <div id="submitDiv" class="col-md-offset-4 col-mdfalse时，这对Safari和Chrome都有效。当返回设置为true时，它不再在Safari上工作了。奇怪的是，如果在返回

浏览 7提问于2016-06-21得票数 2

回答已采纳

4回答

iphone safari上的自动缩放

iphone、mobile-safari、smartphone

有没有办法让Mobile Safari识别移动电话上的站点并自动放大？这在其他手机和浏览器上是如何工作的？我希望避免查看user_agent并为每个移动浏览器发送不同的页面。

浏览 0提问于2009-08-03得票数 6

回答已采纳

3回答

iPad Safari浏览器中的样式问题，设置高度宽度无效

css、html、safari、mobile-safari

我已将高度、宽度、边距等设置为零，以获得隐藏控件(不想使用显示:无) <input type="date" name="57ffc08f-5f30-4b2d-8287-b65d12146cdc_DateOfBirth_touchpicker" style="height: 0px;width: 0px;border: 0px;p

浏览 7提问于2016-01-28得票数 0

2回答

设置ipad中jwplayer的高度和宽度

javascript、jquery、width、jwplayer

我正在尝试使用jquery设置jwplayer的高度和宽度。它在所有桌面系统中都工作得很好。但在Ipad中，它不能正常工作。它显示垂直滚动条。我使用了下面的计算。

浏览 2提问于2013-04-23得票数 0

1回答

为什么我可以在其他计算机上运行我签名的Safari应用程序扩展，但不能运行我开发它的那台计算机？

xcode、macos、safari、safari-app-extension

我已经启动了一个Safari应用程序扩展项目，遵循。我有我的(空的)应用程序，而且我的扩展非常小。我已经存档了应用程序，用我的开发者ID对其进行了签名。当我将存档的应用程序复制到朋友的Mac上，运行它，并启动Safari时，应用扩展显示在Safari首选项的扩展窗格中(带有父应用程序的图标)，当启用时，运行良好。然而，当我在Mac上运行应用程序(我开发它的地方)并启动Safari时，应用扩展不会出现在Safari的扩展首选项窗格中，除非我检查Safari的develop菜单(如

浏览 1提问于2018-04-06得票数 2

回答已采纳

12回答

Flexbox包装Safari中第一行的最后一列。

twitter-bootstrap、css、twitter-bootstrap-3、flexbox

在Safari和其他一些基于iOS的浏览器中查看时，第一行的最后一列被包装到下一行。Safari:Chrome /其他浏览器：代码：.flexthis { display: -webkit-flex;display: flex; -ms-flex-wrap: wrap;} .flexthis .col-md-4webkit-flex;

浏览 9提问于2015-12-13得票数 68

回答已采纳

1回答

不支持Mobile Safari和Bootstrap* 4列内容高度100%*

css、safari、mobile-safari、bootstrap-4

我在我的网页上使用Bootstrap 4，它在flex模式下使用bootstrap网格布局。<div class="container"> <div

浏览 12提问于2017-01-19得票数 1

回答已采纳

点击加载更多