[Hỏi Đáp] Thiết kế layout web để chạy trên mobile nên dùng kích thước bao nhiêu?

Kích thước này cũng ok rồi, chuẩn này dành cho Iphone, hiện nay Iphone ra thêm màn hình to 1080x1917. Em nên làm kích thước này luôn, khi cắt icon thì resize về kích thước nhỏ hơn ko bị vỡ nét.
Nếu phải resize cho Android thì 1080x1920.

Đồng ý với ID 1808. Hoặc bạn có thể tham khảo thêm tại đây:
https://design.google.com/devices/. Bạn nhìn ở cột width x height (px) ấy.

Cảm ơn ID 1808 luanknooc , dev bên em lại kêu em phải thiết kế trên 640 x 1136 mới khổ chứ ạ. Nên em tìm hiểu thử xem thiết kế chạy trên browser mobile có khác gì so với thiết kế apps không.

hungnth7 Không khác nhau lắm đâu. 640x1136 x2 lên là 1080x1917 đó.
Em làm theo nó, kiểu gì sau này nó cũng kêu cắt icon cho 1080x1917 thôi vì 6 plus, 6s plus, 7 ra rồi mà.
Làm 1080x1917 đi, khi cắt cho nó 640x1136 thì giảm xuống thôi.

Với vấn đề có 2 trường hợp thường hay tranh luận bạn nhé,
Thứ 1 : có ý kiến cho rằng nên làm ở size nhỏ nhất với các element dùng vector để đảm bảo rằng ở kích thước nhỏ nhất vẫn 1 layout như vậy.
Thứ 2 : có ng lại cho rằng làm ở size to nhất trước rồi mới Rezise về những màn hình nhỏ hơn.

Tùy bạn làm cách nào cũng dc ^^!

Bạn dùng w:960px là ok nhất vì web responsive vì khi cắt img với w:960 khi resize thành 320 sẽ không bị vỡ , img rất sắc nét. Mình luôn design web responsive bằng PSD khi cắt ra chạy trên nền mobile rất ok không dẽ bị vỡ ảnh nữa.