Kích thước thiết kế website

Mình đang làm web là 1600px với 2 loại lưới 960 grid hoặc 1140 grid

Bạn làm full màn hình thì nó sẽ scale theo resolution của màn hình, nếu làm 1368 là theo kích thước của 1 loại độ phân giải màn hình. Nếu nói 1368 là full màn hình là không đúng.

Có để gọi đó là min-width.

Bạn có thể tham khảo kích thước của grid bootstrap là width: 1170px min.

Kích thước này gọi chứa vùng an toàn của dữ liệu, tức là dù màn hình fullHD có độ phân giải là 1920x1080 thì content vẫn ở giữa với size là 1170px.
Như bạn gọi là "chừa ra 1 khoảng 2 bên" theo mình hiểu ý bạn là phần content, và 2 bên là background.

2 là bạn làm fullscreen, nội dung sẽ co dãn theo màn hình, bất kể màn hình kích thước bao nhiêu.



"Và có trừ đi khoảng 10px mỗi bên cho thanh trượt" -> việc này là không cần thiết.

từ trước đến nay mình tưởng full là 1366 chứ

Hiện tại web đang phổ biến là 1920 full (slideshow và footer) và phần container là 1170 px (nội dung theo Grid Bootstrap. Mh nghĩ thế này là đủ.
Còn có trường hợp bạn có thể làm full hết (header, slideshow, container, footer) tất cả là 1920px và trừ đi 2 bên mép 10px. cũng có grid bootstrap riêng của nó.
Chào thân ái và quyết thắng.

Mọi người có kinh nghiệm về thiết kế layout web cho em hỏi :
- Hiện tại thì kích thước được sử dụng nhiều nhất là 1920px ?
- Phần container là 1170px theo lưới bootstrap ? Phần này khi thiết kế có cần trừ ra mỗi bên thêm 10px làm vùng an toàn không ?

Trong 1170 grid thường em thấy sẽ được chừa ra 1 khoảng 10 đến 15px 2 bên. Guide này để làm gì ạ ?

Làm cái lưới 1170, cột rộng 70px, khoảng trống giữa mỗi cột là 30px đi cho nhanh, vừa tròn số dễ làm vừa đỡ phải đi hỏi han mệt người, đến lúc code dev tự hiểu.

coids em thắc mắc là sao cái lưới có 2 đường guide ngoài cùng như hình dưới nè bác, khoảng cách là 30px

Bác nào có bài hướng dẫn thiết kế layout web theo kích thước các cột bootstrap ko ạ em muốn tham khảo

Moi ở đâu ra cái lưới đấy thế, bình thường 2 cái khoảng lòi ra đấy kích thước chỉ bằng một nửa khoảng cách giữa hai cột ở bên trong, mục đích là canh lề và ai muốn chia ra 3 cột hay 4 cột sát nhau nó dễ hơn, nhưng cái đó không quan trọng.
Giờ cứ làm cái lưới cột 70 cách nhau 30 là vừa đủ 1170, không cần 2 cái viền ngoài đấy nữa.
Link đây, down về mà dùng.
https://www.fshare.vn/file/YRKBNYN38KYS

Thanks bác nhiều