Genelde tarayıcı düzeltmelerini ie için yaparız. Ancak bu sefer Chrome için bir düzeltme yapmam gerekti(Chrome’un line-height ile olan sorun) araştırdım ve media sorgusu ile bir düzeltme kodu buldum.
@media screen and (-webkit-min-device-pixel-ratio:0) {
.arama { background-color: #FF0000; }
#solAlan {color: #0000FF;}
}Şeklinde bir kod işimi gördü, ancak projeyi yayına atarken sıkıştırıp gönderiyoruz ve sıkıştırılınca
@media screen and(-webkit-min-device-pixel-ratio:0)Satırındaki and ve ( arasındaki boşluğu sıkıştırma esnasında yok ediyor ve buda bu düzeltmenin uygulanmamasına neden oluyor. Çözüm için araya çakma bir yöntem(/!/) ile boşluk bırakmalıyız.
@media screen and/*!*/(-webkit-min-device-pixel-ratio:0) {
...
}Şeklinde çözüm üretebiliyoruz.
Belki küçük bir ipucu ama lazım olur günün birinde
Kaynaklar
- http://www.evotech.net/blog/2008/09/css-hack-for-google-chrome-and-safari-31/
- http://stackoverflow.com/questions/4104004/whats-the-semantic-of-media-screen-and-webkit-min-device-pixel-ratio0
- yuilibrary.com/projects/yuicompressor/ticket/2528087