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;}

Matched content

Bagikan tulisan ini di : Facebook | Twitter | WhatsApp | Email atau Print!
Home » Blog » WordPress » Mengatasi Masalah Margin Mac – Windows PC
Tag :

Oleh Bambang Aroengbinang.

BA lahir di Desa Mersi, Purwokerto, Jawa Tengah, sekarang tinggal di Jakarta. Seorang blogger dan pejalan musiman yang senang berkunjung ke situs, makam, dan tempat bersejarah. Menyukai pemandangan daratan subur dan pegunungan hijau ketimbang laut. Kontak BA.

Subscribe via email untuk kabar tulisan terbaru. Diperbarui pada 17 Juni 2017.

Sebelumnya : «
Berikutnya : »
Lihat pula : Sitemap