2013-09-25 35 views
5

trang di động Twitter Bootstrap của tôi đã cố định-top navbarTwitter Bootstrap: navbar không thay đổi kích cỡ trên thay đổi hướng (chỉ với trình duyệt cổ Android)

<div class="navbar navbar-fixed-top"> 

tôi mong đợi rằng một sự kiện thay đổi định hướng sẽ châm ngòi cho một "thay đổi kích thước "của thanh điều hướng, trên thiết bị di động (sự kiện thay đổi kích thước trên máy tính để bàn kích hoạt chính xác kích thước của thanh điều hướng). Ở bên phải của thanh điều hướng, tôi có một thanh trượt điều hướng đóng mở, đóng/mở menu chính: khi thay đổi hướng từ ngang sang dọc, nút menu không còn nhìn thấy được nữa, đó là một thảm họa ...

Vấn đề này cũng có thể được xác minh bằng ví dụ chính thức trên navbar-fixed-top (tại số http://getbootstrap.com/examples/navbar-fixed-top/).

Tôi đang sử dụng trình duyệt cổ phiếu (mặc định) trên Samsung Galaxy S3 với Android 4.1.2.

Sự cố không xảy ra trên trình duyệt iPhone (3).

CẬP NHẬT: Sự cố vẫn tiếp diễn với Android 4.3.

+1

Tôi chỉ có thể giả thiết sự cố chỉ xảy ra trên Android, vì cho đến nay tôi chỉ thử nghiệm * một * thiết bị Android và * một * thiết bị iPhone ... – MarcoS

+0

Với Google Chrome được cài đặt trên cùng một thiết bị Android, vấn đề không xảy ra * không xảy ra. – MarcoS

+0

Hoạt động trên trình duyệt có sẵn trên Android 4.2.2 trên Samsung S4. – mccannf

Trả lời

0

Không chắc chắn ý của bạn là gì. nhưng viết lên CSS của riêng bạn với tất cả các công cụ Kích thước của bạn và thêm vào quan trọng sau nó và trước khi; Một cái gì đó như thế này:

.navbar-whatever { 
whateverSizeCode = 0 !important; 
whateverSizeCode2 = 0 !important; 
} 

Đặt thẻ di động cho Twitter Bootstrap. Đây là liên kết dành cho bạn: http://getbootstrap.com/css/#overview-mobile

Mã di động cho bạn. Thêm thẻ này vào thẻ của bạn

<!-- Scroll Enabled --> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<!-- Scroll Disabled --> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 

Lưu ý: Sử dụng bất kỳ một trong hai dòng.

Cũng đảm bảo rằng trong HTML của bạn, bạn làm như sau:

<style rel="stylesheet" link="bootstrap.css"> 
<style rel="stylesheet" link="yourCSS.css"> 

Điều này sẽ làm là đặt phong cách và kích cỡ của bạn trong một cách mà Bootstrap được đọc bởi các mã đầu tiên sau đó CSS ​​của bạn để nó không không ghi đè lên CSS của bạn. Hy vọng tôi đã giúp. Hỏi lại tôi và cụ thể hơn.

+0

Làm thế nào mà bạn không chắc chắn ý tôi là gì? Chỉ cần tải ví dụ về navbar-fixed-top chính thức được trích dẫn (tại http://getbootstrap.com/examples/navbar-fixed-top/) trên - ví dụ - một Samsung Galaxy S3 với Android 4.0.4 (Tôi chưa có đầy đủ thiết bị/os thống kê, xin lỗi ...).Sau đó xoay thiết bị của bạn xuống 90 ° và xem điều gì xảy ra với thanh điều hướng ... Tôi không muốn một số mẹo css để vượt qua lỗi, tôi chỉ muốn xuất bản vấn đề này để được biết và có thể sửa chữa được ... – MarcoS

+0

@MarcoS bro if u wanna xuất bản vấn đề này rồi nói với Twitter. Stack Over Flow cho các giải pháp. Như bạn ước. Tôi chỉ cố gắng đưa ra một giải pháp. – user3627194

Các vấn đề liên quan