Mengapa Teks Saya Menjajarkan Secara Berbeza pada Mac dan PC?

Penyampaian Fon/Percanggahan Ketinggian Garis pada Mac lwn. PC

Isu yang dibentangkan melibatkan salah jajaran kandungan teks dalam dokumen HTML apabila dilihat pada peranti Mac dan PC. Penjajaran yang jelas disebabkan oleh variasi dalam pemaparan fon merentas platform OS.

Konfigurasi CSS

Kod CSS yang disediakan menggunakan satu siri sifat sel jadual untuk menjajarkan kandungan dalam lingkungan masing-masing bekas:

.display {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding: 3px 15px 0;
}

Pemerhatian

Pada Windows, kandungan teks nampaknya dipaparkan dalam sempadan kontena yang dimaksudkan. Walau bagaimanapun, pada Mac, peralihan sedikit berlaku, menyebabkan teks memanjang di luar bekas, mengakibatkan ketidakjajaran yang diperhatikan.

Punca Kemungkinan

Punca perkara ini percanggahan terletak pada perbezaan fon yang memaparkan antara Mac dan PC. Setiap OS menggunakan enjin pemaparan fon sendiri, yang membawa kepada variasi dalam cara aksara dipaparkan dan dijarakkan.

Percubaan Menyelesaikan Masalah

Kod yang disediakan menunjukkan bahawa pelbagai langkah penyelesaian masalah telah dibuat dilaksanakan, termasuk:

• Menetapkan ketinggian garisan dan pemberat fon
• Menubuhkan ketinggian dan pelapik
• Menggunakan peratusan/em/px untuk pelapik

Walaupun usaha ini dilakukan, isu penjajaran berterusan merentas platform.

Mungkin Penyelesaian

• Semak Sifat Fon: Masalahnya mungkin berkaitan dengan fon khusus yang digunakan, Cutive. Pertimbangkan untuk menguji dengan fon yang berbeza, seperti Arial, yang mungkin mempamerkan pemaparan yang lebih konsisten.
• Font Squirrel Generator: Muat turun fon Cutive dan proseskannya menggunakan penjana muka fon Font Squirrel. Dayakan pilihan "Betulkan Metrik Menegak" dalam mod "Pakar".
• Lawati Semula Pendekatan Sel Jadual: Terokai menyesuaikan ketinggian dan pelapik untuk setiap elemen dan kanak-kanak tertentu daripada bergantung pada sel jadual harta benda. Ini mungkin memperkenalkan potensinya sendiri untuk ketidakkonsistenan berasaskan OS.

Pengkategorian

Isu ini boleh dikaitkan dengan gabungan faktor:

• Variasi ketinggian garisan disebabkan oleh pemaparan fon perbezaan
• Ketidakkonsistenan pemaparan khusus keluarga fon
• Gelagat pemaparan khusus penyemak imbas pada platform OS yang berbeza

Atas ialah kandungan terperinci Mengapa Teks Saya Menjajarkan Secara Berbeza pada Mac dan PC?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!