Bootstrap 在 Safari 中无响应 - 主机：Google 驱动器

Question

Note: Google Drive no longer provides hosting. Thereby the information below (as well as any answer) is virtually irrelevant.

Bootstrap 未在 Safari Mobile 上应用。
我正在使用 Google 驱动器进行托管。

我正在处理的网站：https://drpinson5.blogspot.com/

截图：

Safari (not responsive):

Chrome (responsive):

Answer 1

忘记 bootstrap img 响应，尝试使用纯 css 代码并将其嵌入图像 html 标签。并使用 视口百分比长度：vw、vh、vmin、vmax 单位。 Vw（宽度）和 vh（高度）用于调整图像大小。

示例代码如下：

<img src="/images/xxx.jpg" style="width:100vh; height:150vh"/>

更多参考：
https://www.w3.org/TR/2015/CR-css-values-3-20150611/#viewport-relative-lengths

希望这个回答能解决您的问题。

Answer 2

我发现非 google 登录用户没有权限访问。因此，将 CSS 和 JS 文件设为 public

您需要授予对所有这些文件的访问权限，还需要检查其他未使用 google 帐户登录的浏览器。

<link href='https://googledrive.com/host/0B3X3aqxEWs4QZGtzMS16YVJrdkE' rel='stylesheet' type='text/css'/>
<link href='https://googledrive.com/host/0B3X3aqxEWs4Qa3JiSWt1Z1JNNlU' rel='stylesheet' type='text/css'/>
<script src='https://googledrive.com/host/0B3X3aqxEWs4QTFJ0ejUxZ0t0dFU' type='text/javascript'></script>
<script src='https://googledrive.com/host/0B3X3aqxEWs4QeVNqdjBYRkRMclU' type='text/javascript'></script>

Bootstrap 在 Safari 中无响应 - 主机：Google 驱动器

Bootstrap Unresponsive In Safari - Host: Google Drive

css

twitter-bootstrap

mobile-safari

responsive-images