Và như mọi người biết,Trình duyệt SafariNó chỉ có thể được sử dụng trong hệ thống của Apple, và với tư cách là một nhà thiết kế web, bạn không thể kiểm tra tính tương thích của một trang web trong trình duyệt Safari nếu không có thiết bị của Apple.
Trong hầu hết các trường hợp, miễn là trang web của bạn không có vấn đề với các trình duyệt chính thức như Google, Edge, Opera, Firefox, bạn không cần phải thử nghiệm Safari.
Tuy nhiên, một vấn đề phổ biến với các trang web trong trình duyệt Safari là các hình ảnh bị sai vị trí.
Vậy làm thế nào để giải quyết vấn đề này?
Trong thực tế, hình ảnh bị thiếu yếu tố display:block, và thiếu display:block dẫn đến hình ảnh bị mất vị trí và không xuất hiện trong các trình duyệt khác.
Trong các trang web, chẳng hạn như logo trang web, hình ảnh quảng cáo, biểu ngữ, vv không có nhiều hình mẫu hộp bên ngoài và các yếu tố hình ảnh, đều nên thêm display:block để đảm bảo không bị nhầm trong trình duyệt Safari!
Thêm một người bạn