Tại sao không nên thiết kế web responsive của hồi giáo?

Điều này có vẻ giống như một câu hỏi thiết kế đồ họa hơn là một câu hỏi lập trình, nhưng tôi nghĩ rằng nó có giá trị kỹ thuật / lập trình nhiều hơn so với thiết kế đồ họa thực tế.

Khái niệm thiết kế web "đáp ứng" xoay quanh việc sử dụng các truy vấn phương tiện trong CSS3 để phát hiện kích thước của thiết bị xem và điều chỉnh các quy tắc CSS phù hợp - về cơ bản, CSS động. Điều này lấp đầy khoảng trống trên rất nhiều trường hợp triển khai - đặc biệt là điện thoại di động.

Tôi nghĩ rằng việc sử dụng các truy vấn phương tiện đang xuất hiện chậm (tôi thấy rằng nhiều người không thực sự biết về nó), nhưng tôi tự hỏi liệu có lý do nào để áp dụng chậm. Có phải nó không thực tế cho các ứng dụng web? Có điều gì tôi đang thiếu có thể là một cạm bẫy cơ bản?

Bạn phải nhảy qua các vòng để làm cho nó thực sự hoạt động. Đối với một trang web tôi đang phát triển, tôi đã sử dụng @media (max-width:800px)để xác định biểu định kiểu cho điện thoại và các màn hình nhỏ hơn khác. Nhưng nó không được sử dụng bởi iPhone.

Hóa ra, các nhà phát triển trình duyệt điện thoại cho rằng mọi người sẽ không tính đến màn hình nhỏ để họ nói dối với công cụ kết xuất (ví dụ, iPhone tuyên bố rộng hơn 900px) trừ khi bạn đặt thêm thẻ meta để nói với nó nói dối. Khi đến lúc bạn chiến đấu với những người triển khai trình duyệt, bạn bắt đầu tự hỏi liệu nó có đáng để nỗ lực hay không.

Tôi không thể nói cho tất cả mọi người, nhưng từ kinh nghiệm của bản thân và thời gian là yếu tố quyết định. Các đồng nghiệp của tôi và tôi luôn nhìn vào những thứ mới nhất, nhưng thiết kế và thực hiện các bố cục khác nhau cho các thiết bị có kích thước khác nhau là một vấn đề lớn. Đặc biệt là xem xét trên chiếc nokia 5800 3 tuổi của tôi, tất cả các trang web của chúng tôi đều trông ổn - thanh mà tôi phải cuộn để có được nội dung thanh bên. Chúng tôi thiết kế và thực hiện các trang web cho các công ty nhỏ và dân gian tự làm chủ.

Một lý do khác có thể có giá trị là phục vụ một trang web hoàn toàn riêng biệt cho phiên bản thoại di động, với sitemap riêng biệt của riêng mình ( http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=34648 ), là một cách dễ dàng và cấp nhập cảnh để duy trì trang web.

Nếu bạn có thể đảm bảo khôi phục dữ liệu một cách đáng tin cậy, tất cả đều ổn.

Nhưng hãy tưởng tượng, ai đó tải một trang web trong một trình duyệt có cửa sổ của máy tính để bàn. Bạn có buộc họ mở toàn màn hình để đọc mọi thứ, hoặc bạn có thể chứa kích thước cho cửa sổ thu nhỏ và hiển thị nhiều khoảng trống khi chúng tối đa hóa nó? Bạn phục vụ CSS một lần, khi tải trang!

Còn một trình duyệt điện thoại chuyển chế độ ngang / dọc khi bạn xoay điện thoại thì sao? Điều gì về một trình duyệt chỉ đơn giản là có độ phân giải quá nhỏ và mọi người thường sử dụng phóng to, nhưng bạn đã thích nghi với báo cáo, độ phân giải quá nhỏ và trang trở nên không thể đọc được?

Chỉ cần làm theo các hướng dẫn tiêu chuẩn để tạo ra một CSS phổ quát, có thể mở rộng và để trình duyệt xử lý việc chia tỷ lệ trang thành độ phân giải phù hợp.