Masaüstü tarayıcıda, mobil simülatörde (hem Safari hem de Mozilla Firefox'ta) çalışan, ancak gerçek bir akıllı telefonda (Android, iOS) çalışmayan duyarlı tasarım (Android, iOS)

Question

Birden fazla kod satırı denedim, ancak nerede olduğunu anlayamıyorum ...

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-  scale=1, user-scalable=no"</> 

ve css içinde

bir masaüstünde çalışıyor ve o da mobil cihazlarda çalışmasını GEREKEN beri yanlış gitti: önceden

@media (max-device-width: 640px) {} 

http://codepen.io/ctrprt253/pen/QNaVdP

Thx.

Answer 1

değişiklik

@media (max-width:640px){ ... } 

kodunuzu bu senin problemin çözüleceğini