Unklares Bildproblem:
Verwenden Sie 100 %, um die Breite festzulegen (die Höhe muss nicht festgelegt werden, es werden nur eine Länge und eine Breite festgelegt).
.img {
width: 100%;
// height: 100%;
}
Wenn es nicht funktioniert, können Sie img das folgende Attribut hinzufügen.
Das image-rendering-Attribut wird verwendet, um den Bildskalierungsalgorithmus festzulegen. Dies gilt für das Element selbst, für Bilder in anderen Attributen des Elements und auch für untergeordnete Elemente. Diese Eigenschaft hat keine Auswirkung auf unskalierte Bilder.
.img {
image-rendering: -webkit-optimize-contrast;
}
Nach dem Hinzufügen dieses Codes wird das Bild sehr klar (einige Bildverarbeitungsalgorithmen werden verwendet, um diesen Effekt zu erzielen).