Responsive Web Design là gì và nó giúp ích như thế nào cho việc duyệt web trên thiết bị di động

@debone CSS 3 nó thêm element mới cho phép hiển thị style theo độ phân giải màn hình mà

@binhhyvnn Bác đọc kĩ lại bài của em đi. Nó thay đổi theo độ phân giải tuy nhiên số lượng byte nó tải về không khác 1 tí nào. Ví dụ cái ảnh 100kb 800px thì trên máy tính nó hiển thị 800px, trên mobile hiển thị 400px tuy nhiên cả mobile lẫn máy tính vẫn tải về 100kb. Vì cả 2 đều chung 1 request về số lượng hình ảnh và các Javascript...

@debone Sorry vừa đọc chưa kỹ hehe :p

@debone À mà dạo này đa phần dùng android với ios 3G wifi vù vù nên vấn đề đấy cũng không phải lo lắm đâu bác ah. Quang trọng giao diện thân thiện hơi cho người dùng thôi 😃

@binhhyvnn Bác vẫn chưa hiểu. Cả 2 phương pháp đều đưa về kết quả như nhau nhưng vừa kết hợp mobile lẫn Responsive cho ra hiệu quả cao hơn nhiều. Bác thích cái máy của bác nóng ran lên khi duyệt web hay nó chỉ mất 5-10s để tải xong 1 trang web với cái đít mát lạnh. Bác có biết 1 website bình thường trên PC thì lượng Javascript cự lớn khi nhét nó lên Mobile thì mobile sẽ tốn rất nhiều CPU dẫn tới nóng máy và hao pin. Trong khi đống JS đó trên Mobile lại không để làm gì cả mà nó chỉ có tác dụng trên PC.

Hiện tại tinhte.vn chưa tối ưu responsive cho IE. Vừa test xong. Các bạn IT có việc để làm rồi đấy.

@kaitoukid93 Họ làm phiên bản dành cho Mobile riêng chứ không dùng Responsive. Như thế sẽ cho 1 kết quả tối ưu nhất trên mobile. Mobile sẽ không phải gánh những thành phần thừa cũng như được code lại hoàn toàn để phù hợp với hệ điều hành nhỏ và màn hình nhỏ, ví dụ như lược bớt các JS không cần thiết, giảm bớt gánh nặng CSS, ảnh được trả về đúng kích thước thật so với độ phân giải màn hình chứ ko phải resize từ ảnh gốc.

@debone vâng,e hiểu.ý em là nó cũng phải phụ thuộc cái trình duyệt đó nó có cho hiển thị không nữa

@kaitoukid93 Công việc của người lập trình là làm cho các trình duyệt đều phải nhận biết ra được. Và đơn giản hơn nữa là để server phát hiện ra mobile và trả về 1 kết quả khác với PC.

Các site với lượng truy cập lớn thì người ta đều làm mobile version chứ ko dùng Responsive. Vì tiết kiệm 1kb cho 1 triệu request tương đương với tiết kiệm được cả 1 cái server. Bác có thể nhận ra sự khác biệt giữa m.vnexpress.net và tinhte.vn qua di động. Vnexpress vừa nhanh vừa nhẹ trong khi tinhte thì ì ạch và nóng cả điện thoại do quá nhiều JS cần thực thi.