Chúng tôi có thể sử dụng Bảng cho thiết kế web Responsive không?


8

Tôi muốn tạo một trang web mới bằng thiết kế đáp ứng bằng chủ đề Omega. Các mô-đun bảng có phù hợp với thiết kế đáp ứng hay tôi nên sử dụng cái gì khác (như mô-đun Ngữ cảnh)? Cảm ơn

Câu trả lời:



5

Đúng! Tôi vừa làm nó.

Giả sử 2 col và các biến thể - bạn có thể cần nhiều hơn cho các bố cục khác:

  1. Trong CSS có độ phân giải thấp nhất @media, tôi chỉ cần đặt '.panels-col-first' và '.panels-col-last' thành { width: 99.9%; clear: both }.
  2. Trong các bố cục có độ phân giải cao hơn, khi bạn muốn nó quay trở lại bố cục 2-col, chỉ cần hoàn tác ghi đè { width: 49.9%; clear: none }

Ghi chú:

  • % độ rộng sẽ tăng tối đa LESS hơn 100% nếu bạn muốn hỗ trợ IE 6 và 7 vì chúng có lỗi làm tròn. Bạn luôn có thể làm điều này trong eg.css đặc biệt của mình nếu bạn có và thực sự cần 0,2% đó!
  • Các lớp này đã được thiết lập để nổi bên trái bởi các CSS chính, nhưng bạn cũng có thể ghi đè lên nó nếu cần.

1

Tôi gặp vấn đề tương tự. Không cần mã trong css để giải quyết vấn đề. -> Omega xử lý các tấm tốt trong thiết kế đáp ứng.

"Omega đi kèm với một số bố cục bảng theo mặc định. Nếu bạn bật Bảng trên trang web của mình với chủ đề Omega cũng được bật và bạn đi thêm bảng điều khiển mới, bạn sẽ thấy Lưới cột Omega: 12, (hoặc 16 hoặc 24) được liệt kê Chọn một trong số đó, sau đó chọn bố cục. Tôi bối rối về việc nó dễ đến mức nào và tôi thậm chí không bao giờ biết! "

Tôi đã tìm thấy giải pháp trên trang này, bình luận thứ hai http://www.kendallsdesign.com/blog/omega-theme-responsive-design-resource

Nhân tiện, có những vật liệu thực sự tốt.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.