Câu hỏi được gắn thẻ «responsive-design»

Tôi hiện có một cái gì đó như: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Bây giờ giả sử rằng, contentlà các hộp có chiều cao khác nhau, với tất cả cùng chiều rộng - làm …

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

Kể từ Bootstrap 3, không còn tệp riêng biệt cho các bảng định kiểu chuẩn và đáp ứng nữa. Vậy làm cách nào để có thể dễ dàng loại bỏ các tính năng đáp ứng?

85 twitter-bootstrap  responsive-design  media-queries  twitter-bootstrap-3 

Tôi đã tải xuống ví dụ về Twitter Bootstrap và tạo một dự án đường ray đơn giản với nó. Tôi đã sao chép css khi cần thiết và nó hiển thị tốt. Tôi cũng đã sao chép js và mọi thứ hoạt động tốt trên máy tính để bàn …

84 twitter-bootstrap  responsive-design 

Với truy vấn phương tiện CSS, bạn có thể sử dụng max-device-widthđể nhắm mục tiêu chiều rộng thiết bị (chẳng hạn như thiết bị iPhone hoặc Android) và / hoặc max-widthnhắm mục tiêu chiều rộng trang. Nếu bạn sử dụng max-device-width, khi bạn thay đổi kích thước của cửa sổ …

81 css  responsive-design  media-queries 

Sẽ rất tốt nếu bạn bọc các kiểu css cho các độ phân giải khác nhau trong một số lớp css sử dụng ít hơn. Tôi muốn làm điều gì đó như: footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: …

81 css  responsive-design  less  media-queries 

Cuối cùng, tôi đã thiết kế các trang web đáp ứng tốt hơn và tôi thường xuyên sử dụng các truy vấn phương tiện CSS. Một mô hình mà tôi nhận thấy là thứ tự mà các truy vấn phương tiện được xác định thực sự quan trọng. Tôi đã …

80 css  media-queries  responsive-design 

Làm cách nào để tạo iframe đáp ứng mà không giả sử tỷ lệ khung hình? Ví dụ: nội dung có thể có bất kỳ chiều rộng hoặc chiều cao nào, không xác định trước khi kết xuất. Lưu ý, bạn có thể sử dụng Javascript. Thí dụ: <div id="iframe-container"> …

14 javascript  html  css  iframe  responsive-design 

Tôi đang gặp một số rắc rối thực sự khi cố gắng để nội dung thanh bên / điều hướng (sử dụng Bootstrap) hiển thị (được mở rộng) theo mặc định trên máy tính để bàn và đóng theo mặc định trên thiết bị di động và có biểu tượng …

9 javascript  html  css  bootstrap-4  responsive-design