Bootstrap在Safari中无响应 - 主持人：Google云端硬盘

Question

  

注意： Google云端硬盘不再提供托管服务。因此，下面的信息（以及任何答案）实际上是无关紧要的。

Safari Mobile上未应用Bootstrap 我使用Google云端硬盘进行托管。

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

截图：

  

Safari （无响应）：

  

Chrome （响应）：

Answer 1

忘记引导程序img-responsive，尝试使用纯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

我发现非谷歌登录用户没有权限访问权限。因此，请将您的CSS和JS文件设为公开

您需要授予对所有这些文件的访问权限，还需要与未使用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>