Hinweis: Google Drive bietet keine Hosting mehr. Dabei sind die folgenden Informationen (wie auch jede Antwort) praktisch irrelevant.Bootstrap reagiert nicht mehr in Safari - Host: Google Drive
Bootstrap wird nicht auf Safari Mobile angewendet.
Ich verwende Google Drive für das Hosting.
Webseite Ich arbeite an: https://drpinson5.blogspot.com/
Screenshots:
Safari (nicht ansprechbar):
Chrome (reaktions):
Ich fand heraus, gibt es keinen Privileg Zugang für nicht-Login-Benutzer. So machen Sie Ihre CSS und JS Dateien als öffentliche
Sie müssen den Zugriff auf alle diese Dateien geben, und müssen auch mit anderen Browsern, die nicht mit Google-Konto angemeldet sind zu überprüfen.
<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>
nicht sicher, was Sie versuchen, zugreifen. –
Google Drive: Gehe zu Freigabeeinstellungen => Erweitert => Wer hat Zugriff => ändern => Ein - Öffentlich im Web und speichern. – Nehemiah
Dies wird nicht mehr unterstützt. Siehe Duplikat. –
Vergessen Sie Bootstrap img-responsive, versuchen reinen CSS-Code zu verwenden, und binden sie zu dem Bild HTML-Tag. Und verwenden Sie Viewport-Prozentlängen: die vw, vh, vmin, vmax Einheiten. Vw (für die Breite) und vh (für die Höhe) für die Größe des Bildes.
Hier ist der Beispielcode:
<img src="/images/xxx.jpg" style="width:100vh; height:150vh"/>
für weitere Referenz:
https://www.w3.org/TR/2015/CR-css-values-3-20150611/#viewport-relative-lengths
hoffen, dass diese Antwort könnte Ihr Problem beheben.
Sollte Betrogene: https://stackoverflow.com/questions/40478447/google-drive-hosted-css-not-working/40478448#40478448 –