Aşağıdaki sitelerde CSS medya sorguları kullanıyorum:

[site link silindi]

Stiller.css, hem bir varyasyonu kullanın:

/*--[ Normal CSS styles ]----------------------------------*/

@media only screen and (max-width: 767px) {

/*--[ Mobile styles go here]-------------------------------*/
}

Siteleri pencereyi küçültmek ne zaman normal bir tarayıcı (Safari, Firefox) istiyorum düzenini yeniden boyutlandırmak, ancak, cep düzeni hiç bir telefon üzerinde gösterilen değil.

Bunun yerine ben sadece varsayılan css bakın.

Herkes doğru yönde bana gelin miyim? Çevrimiçi öğreticiler ve şablonları bu sorguları gerçekleştirmek için görüntüleme oldum ama bu işi yapmak için temel bir şeyi eksik olduğumu hissediyorum...

Bu üç yararlı ipuçları vardı, ama bir meta etiketi eklemek için gerekli gibi görünüyor:

<meta name="viewport" content="width=device-width" />

Şimdi de Android (2.2) çalışma ve Tamam iPhone gibi... görünüyor