Mengatasi Masalah Margin Mac - Windows PC

Bagaimana mengatasi perbedaan margin pada Mac dan Windows PC saya temukan setelah mengalami masalah ketika memasang menu di Aroengbinang Travelog. Saat itu seluruh browser pada Mac penampilannya sama, namun menu pada seluruh browser Windows PC penampilannya turun beberapa px.

Seperti biasa, lantaran bukan seorang yang ahli dalam css dan progamming, saya pun mencari jawaban dengan bantuan mesin pencari Google. Setelah melalui proses coba dan salah, akhirnya penjelasan tentang itu saya temukan juga, meski lupa dan tak mencatat di mana mendapatnya.

Untuk mengatasi masalah perbedaan margin pada Mac dan Windows PC, pada style.css definisikan font-size, line-height dan font-family, misalnya:

.menu{font-size: 1.1em;line-height:1.15em;float:right;margin: -18px 25px 5px 0;font-family: "Trebuchet MS", Helvetica, sans-serif;}

Selain itu, jika mengalami masalah tampilan pada browser berbeda, anda juga perlu sisipkan pada style.css:

* {padding:0;margin:0;border:0;}
body{margin:0;padding:0;border:0;}

Label : . Updated : October 26, 2017.
Author : .
Lahir di Desa Mersi, Purwokerto, Jawa Tengah, sekarang tinggal di Jakarta. Pejalan musiman yang senang tempat bersejarah dan panorama elok. Follow : Twitter, Facebook, Subscribe, Youtube.
Share   Tweet   WhatsApp   Telegram   Email   Print!