2012-12-05 29 views
11

Có cách nào để nói với bootstrap để không co lại các yếu tố khi độ phân giải nhỏ hơn:Twitter bootstrap chiều rộng tối thiểu trong cách bố trí đáp ứng

/* Portrait tablet to landscape and desktop */. 
@media (min-width: 768px) and (max-width: 979px) { ... } 

tôi muốn hỗ trợ các máy tính để bàn lớn và máy tính bảng màn hình, nhưng không đáp ứng bên dưới độ phân giải đó.

Trả lời

-3

Bạn có thể thêm thuộc tính css min-width vào tất cả các phần tử bạn muốn không bị thu nhỏ.

+8

Đây không phải là giải pháp đúng ... bạn nên vô hiệu hóa mã đáp ứng độ phân giải thấp theo bên dưới hai đề xuất. – zenkaty

+0

Và nếu tôi muốn nhận được một giá trị cụ thể, như 'chiều rộng tối thiểu: 598px;'? Tôi nghĩ đây là giải pháp đơn giản và nhanh chóng. – Guilherme

2

Bạn có thể loại bỏ mã truy vấn phương tiện truyền thông của màn hình điện thoại di động trong bootstrap.css

17

Thêm thuộc tính min-width sẽ không dừng lại hệ thống lưới điện từ rối tung lên mặc dù, như các lớp span1-12 vẫn sẽ trở nên nhỏ hơn khi thay đổi kích thước!

Tùy chọn tốt nhất là truy cập http://twitter.github.com/bootstrap/customize.html và bỏ chọn "Máy tính bảng hẹp và dưới đây (< 767px)" trên phần phản hồi, sau đó tải xuống trình khởi động tùy chỉnh của bạn.

1

tôi đã làm hai bước

  1. bộ ít biến @screen-sm-min: 10px. Điều này sẽ ngừng tất cả truy vấn phương tiện của bootstrap

  2. Và chỉ cần đặt min-width thành phần tử trên cùng.

trình cho tôi

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