2015-11-05 21 views
8

Yardım lütfen. Herhangi bir vücut, Samsung s6 için CSS'deki medya sorguları hakkında daha duyarlı olmalarını söyleyebilir mi?CSS ortam sorguları

 
@media only screen and 
(min-device-width : 360px) and 
(max-device-width : 640px) and 
(-webkit-min-device-pixel-ratio : 3) { // code here } 

Ve Samsung S6'nız için duyarlı tasarım için test edebilirsiniz yerden ? Herhangi bir çevrimiçi link veya araç lütfen?

+1

Yığın Taşması'na Hoş Geldiniz. Kodu biçimlendirmek için sorunuzu düzenledim. Lütfen bunu bir dahaki sefere yap. Başkalarının daha hızlı okumasına yardımcı olur. Ayrıca, İngilizce sorunlarını düzeltmek için ilk cümlenizi düzenledim. –

cevap

2

Chrome dev araçları, sorguyu farklı ekran boyutlarında test etmenize izin verebilir. Geliştirici konsolunu (F12) açın ve "Cihaz modunu değiştir" düğmesine (küçük ekran simgesi) tıklayın. Cihazınızı seçebilir veya ekran boyutunu kendiniz ayarlayabilirsiniz. Bir galaksi S6 için, boyutlar 360x640'tır.

+0

Teşekkürler Matt. Ama listede Samsung Galaxy s6 için cihaz yok. – Ali

+0

ama 360x640 çalışmıyor ve geliştirici konsolunda Galaxy S6 listede yok – Ali

+0

Ali: S6 da S4 gibi CSS çözünürlükte 360x640. – DarkNeuron

4

Bunu denemek ettik:

@media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-min-device-pixel-ratio : 4) 
    and (-webkit-device-pixel-ratio : 4) 
    and (orientation: portrait) { 

/* CSS GO HERE */ 

} 

Ve iş gibi görünüyor. S6 ve S7 için. Ben Samsung S6 ve S7 boyutları 1440x2560 vardır çünkü düşünüyorum:

1440/4 = 360
2560/4 = 640

Umut bu yardım.

İlgili konular