Twitter Bootstrap örnek indirdim ve onunla birlikte basit bir rails projesi oluşturmak. Gerekli ve Güzel Görüntüler css kopyaladım. Ben de js kopyalanır, ve her şey benim zindan harika çalışıyor: benim tarayıcı boyutunu değiştirdiğimde sayfa yeniden düzenler. Bazı" farklı boyutları ile harika çalışıyor. "duyarlı tasarım test araçları kullanırken

Benim iphone üzerinde var sorun: benim masaüstünde gibi hemen öncesinde görüntüler.

Boostrap Kahramanı Örnek sayfadan başladım tek olan) çalıştığımda, benim iphone üzerinde harika çalışıyor.

Ne yanlış gidebilir ki? Hemen hemen her CSS dokunmayan, sadece altbilgi üzerinde bir dolgu ekledi.

BİLGİNİZE, değiştirdim CSS uygulama uygulamamı bağlama olmam.aşağıdaki içerik ile css:

/* Uygulama stil */

@import url(bootstrap.css);
@import url(bootstrap-responsive.css);

/* Body */
body {
    padding-top: 60px;
    padding-bottom: 40px;   
}   

/* Footer */
footer {
    padding: 20px 0;
}

Kodu frntk tarafından önerilen yatay görüntüleme cihazı açtığınızda çalışmıyor ve çözüm virtualeyes tarafından verilen virgül yerine noktalı virgül kullanır, çünkü yanlıştır. İşte doğru kod :

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

Kaynak: https://developer.mozilla.org/en/Mobile/Viewport_meta_tag