Sowohl in Safari als auch in Chrome scheint das placeholder -Attribut eine unsichtbare Breite hinzuzufügen, was zu horizontalen Bildlaufleisten und einem flimmerähnlichen Rendering führt, wenn das Fenster horizontal skaliert wird.
overflow: hidden; kann auf das übergeordnete Element angewendet werden, um das Problem einzudämmen. Es schneidet jedoch meine Formularfeld-Fokus-Effekte.
Gibt es eine Möglichkeit, bestimmte Herstellerpräfixe zu verwenden, um dies zu verhindern, z. B. ::-webkit-input-placeholder {} oder eine andere Methode?
Wenn das Attribut der Formulareingabe hinzugefügt wird, flackert eine horizontale Bildlaufleiste, wenn die Größe horizontal in einem Webkit-Browser geändert wird. Insbesondere welcher Stil löst dieses Verhalten aus? Und wie verhindere oder überschreibe ich dieses Verhalten!?
Ich habe Ihre Website in Chrome und Safari angeschaut, scheint aber das von Ihnen erwähnte Problem nicht zu haben. Allerdings ist Ihr oberstes Bild nach oben übergelaufen, weil Sie den Überlauf auf ausgeblendet gesetzt haben und Sie keinen oberen Rand für Ihren Header festgelegt haben. Also habe ich diesen Rand geschaffen:
%Vor%und das hat das Problem gelöst. Ich wünschte, ich könnte ein Bild veröffentlichen.