Als «safari» getaggte Fragen

Safari ist Apples Webbrowser, der Standardbrowser unter MacOS und iOS.

14
Funktioniert Überlauf: versteckt auf <body> auf iPhone Safari?
Hat overflow:hiddenangewendet &lt;body&gt;Arbeit auf dem iPhone Safari? Es scheint nicht. Ich kann nicht auf der gesamten Website einen Wrapper erstellen, um dies zu erreichen ... Kennen Sie die Lösung? Beispiel: Ich habe eine lange Seite und möchte einfach den Inhalt verbergen, der sich unter der "Falte" befindet, und er sollte …
131 iphone  css  ipad  safari  overflow 
10
Testen der Webanwendung auf Mac / Safari, wenn ich keinen Mac besitze
Nachdem eine kürzlich von mir gestartete Website unter IE, Firefox, Chrome und Safari unter Windows perfekt angezeigt wurde, aber bei der Anzeige mit Safari auf dem Mac (von einem potenziellen Kunden) beschädigt wurde, muss ich testen, wie meine Websites wann aussehen auf einem Mac angezeigt. Das Problem ist, ich besitze …
122 macos  safari 
3
Debuggen im Web Inspector von Safari bei Verwendung eines Modulladeprogramms wie SystemJS
Ich erstelle eine IonicApp es6 modules, TypeScriptund SystemJSals Modul - Lader. Dies ist mein Setup: tsconfig.json: { "compilerOptions": { ... "target": "es5", "module": "system", ... } } index.html: &lt;script src="lib/system.js"&gt;&lt;/script&gt; &lt;script src="systemjs.config.js"&gt;&lt;/script&gt; &lt;script&gt;System.import('js/app.js')&lt;/script&gt; Beispielskript (TypeScript): import {IConfig} from "./app-config"; export class ConfigLoader { ... } In Chrome läuft alles super. …
7
Wie kann ich den Glanz eines ausgewählten Elements in Safari auf dem Mac entfernen?
Auf Macs und iOS-Geräten erzeugt in Safari ein &lt;select&gt;Element mit einer Hintergrundfarbe einen Glanz über sich. Dies scheint in anderen Betriebssystemen nicht zu passieren. Zum Beispiel habe ich ein Auswahlelement mit diesen Stileigenschaften: select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 6px; margin: 10px 0 7px; width: 250px; …
1
SVG ändert seine Farbe, wenn es in Safari 10 gedreht wird
Ich bin gerade auf ein sehr seltsames Problem gestoßen, das nur in Safari 10 auftaucht. Ich habe Spielkarten, SVG-Bilder, die manchmal mit gedreht werden transform:rotate(xdeg). Die Karte, die ich benutze, hat ein rotes Blockmuster. Wenn es nicht oder rechtwinklig gedreht wird, dh 90, 180, 270, sieht es normal aus. Aber …
109 html  css  svg  safari 
14
iOS Safari - Wie deaktiviere ich Overscroll, erlaube aber scrollbaren Divs, normal zu scrollen?
Ich arbeite an einer iPad-basierten Web-App und muss ein Überschreiben verhindern, damit es weniger wie eine Webseite wirkt. Ich verwende dies derzeit, um das Ansichtsfenster einzufrieren und Overscroll zu deaktivieren: document.body.addEventListener('touchmove',function(e){ e.preventDefault(); }); Dies funktioniert hervorragend, um Overscroll zu deaktivieren, aber meine App verfügt über mehrere scrollbare Divs, und der …
3
Ausblenden der Größe des Textbereichs in Safari
Ich verwende Textbereichskomponenten in meiner Anwendung und steuere deren Höhe dynamisch. Während der Benutzertyp wird die Höhe erhöht, wenn genügend Text vorhanden ist. Dies funktioniert gut unter IE, Firefox und Safari. In Safari gibt es jedoch unten rechts ein "Handle" -Werkzeug, mit dem der Benutzer die Größe des Textbereichs durch …
97 safari  webkit  css 
10
Eingabetextfarbe deaktiviert
Der einfache HTML-Code unten wird in Firefox- und WebKit-basierten Browsern unterschiedlich angezeigt (ich habe in Safari, Chrome und iPhone eingecheckt). In Firefox haben sowohl Rahmen als auch Text dieselbe Farbe ( #880000), aber in Safari wird der Text etwas heller (als ob etwas Transparenz darauf angewendet worden wäre). Kann ich …
93 iphone  html  css  safari  webkit 
3
Flex / Grid-Layouts funktionieren nicht mit Schaltflächen- oder Feldsatzelementen
Ich versuche, innere Elemente eines &lt;button&gt;Tags mit Flexboxen zu zentrieren justify-content: center. Aber Safari zentriert sie nicht. Ich kann den gleichen Stil auf alle anderen Tags anwenden und er funktioniert wie vorgesehen (siehe &lt;p&gt;-tag). Nur die Schaltfläche ist linksbündig. Probieren Sie Firefox oder Chrome aus und Sie können den Unterschied …
91 html  css  safari  flexbox  css-grid 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.