Mengapa Imej Saya Terbalik Apabila Dibenamkan dalam Halaman Web?

Ketidakkonsistenan Orientasi Imej: Menyelesaikan Isu Putaran Imej

Ramai pengguna menghadapi masalah yang membingungkan apabila membenamkan imej ke dalam halaman web. Walaupun imej muncul berorientasikan betul apabila dilihat secara langsung, ia secara tidak dijangka terbalik apabila ditetapkan pada atribut sumber teg "img".

Isu ini boleh dikaitkan dengan kemasukan metadata dalam fail imej moden yang menentukan orientasi yang dimaksudkan mereka. Untuk menangani perkara ini, spesifikasi CSS yang dicadangkan baru-baru ini, "orientasi imej", menyediakan penyelesaian.

Dengan melaksanakan peraturan CSS berikut, imej boleh dipaparkan dengan orientasi yang dimaksudkan:

<code class="css">img {
    image-orientation: from-image;
}</code>

Walau bagaimanapun, sokongan penyemak imbas untuk sifat CSS ini kekal terhad, dengan Firefox dan iOS Safari kini menjadi satu-satunya penyemak imbas yang serasi. Walaupun Safari dan Chrome mempamerkan ketidakkonsistenan dalam sokongan mereka, Safari mudah alih nampaknya mengendalikan pelarasan orientasi imej tanpa memerlukan peraturan CSS.

Ketika pembangunan penyemak imbas berterusan, adalah dijangkakan bahawa sokongan untuk "orientasi imej" akan mengembang. Sementara itu, pengguna mungkin perlu bersabar dan meneroka kaedah alternatif untuk membetulkan isu orientasi imej.

Atas ialah kandungan terperinci Mengapa Imej Saya Terbalik Apabila Dibenamkan dalam Halaman Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!