Rumah >hujung hadapan web >tutorial css >Mengapakah tapak web Twitter Bootstrap 3 saya memaparkan versi mudah alih dalam Internet Explorer 8, dan bagaimanakah saya boleh membetulkan isu `max-width` pada kelas kontena?
Masalah Twitter Bootstrap 3 dalam Internet Explorer 8
Kandungan soalan:
Saya Buat tapak web menggunakan Twitter Bootstrap baharu. Laman web ini memaparkan dan berfungsi dengan betul dalam semua pelayar yang diperlukan kecuali IE8.
Dalam IE8 nampaknya memaparkan versi mudah alih elemen tetapi terbentang ke skrin penuh monitor desktop. Saya percaya masalah yang saya hadapi ialah Twitter Bootstrap adalah mudah alih dahulu. Jadi, atas sebab tertentu, IE8 menggunakan pilihan ini.
Saya juga perasan bahawa kelas kontena nampaknya tidak mendapat sifat CSS lebar maksimum seperti yang diharapkan. Bolehkah sesiapa melihat apa yang saya lakukan salah?
Kod:
<!-- Favicon --> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!-- Bootstrap --> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"> <script src="/SiteFiles/js/modernizr.js"></script> <!-- CSS --> <link href="/SiteFiles/css/main.css" rel="stylesheet"> <header> <div>
Atas ialah kandungan terperinci Mengapakah tapak web Twitter Bootstrap 3 saya memaparkan versi mudah alih dalam Internet Explorer 8, dan bagaimanakah saya boleh membetulkan isu `max-width` pada kelas kontena?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!