Mục tiêu thiết kế khung lưới CSS của bộ xương?

Question

Tôi thích Skeleton nhưng tôi có một vài câu hỏi:

• Tại sao sử dụng điểm ảnh kích thước khi nó có thể tất cả được thực hiện sử dụng tương đối kích cỡ/em?
• Đây có phải là vì đó là cách đáng tin cậy duy nhất để đạt được khả năng tương thích với trình duyệt x không? .. khi sử dụng kích thước em cảm thấy thích hợp hơn/bằng chứng trong tương lai
• Thiết kế lưới kích thước và phản ứng tương đối có thực sự quan trọng khi hầu hết trình duyệt đều khá thông minh khi zoom và mọi người có thể thiết lập mức thu phóng mặc định của chúng?

Không muốn phân tách vấn đề này thành các câu hỏi riêng biệt vì tôi đang cố gắng để có được cái nhìn cấp cao của cộng đồng chuyên nghiệp về cách sử dụng CSS tốt nhất của khung này.

Cuối cùng, nếu bạn có các giải pháp thay thế mà bạn nghĩ giải quyết mọi việc một cách thích hợp hơn, vui lòng chia sẻ (với lý do!).

Answer 1

Kích thước pixel vẫn quan trọng: chiều rộng 960 pixel khá chuẩn, chiều rộng ngang của iPad là 1024px, v.v ... Có vẻ như chiều rộng trang web khoảng 1000px đang trở thành tiêu chuẩn defacto cho trang web nội dung đơn giản (có ý nghĩa khi một số màn hình có thể kéo dài một tốt 1900 hoặc 2400px rộng) ... Những chiều rộng không thể được thể hiện thông qua em, bởi vì em không phải là cố định theo định nghĩa. Em có sử dụng nó khi bạn đang ở trong một khung có kích thước cố định và bạn muốn các phần tử không gian tương đối với phông chữ bạn chọn.

Rất ít người có thể sử dụng tính năng thu phóng của trình duyệt của họ và thậm chí ít người quan tâm hơn đến việc thay đổi giá trị thu phóng mặc định. Vì vậy, bạn nên nhắm đến tiêu chuẩn nhất, nghĩa là rộng 1000px và họ sẽ đối phó với nó.