2012-05-10 40 views
23

Khi phát triển các ứng dụng web, trước đây lựa chọn là 800px hoặc 1024px để vừa với màn hình của người dùng. Tôi đã nghiên cứu thiết kế web đáp ứng và thiết kế chất lỏng, và có vẻ như rất nhiều trong số chúng xác định chiều rộng 980px. Với việc bổ sung điện thoại thông minh và máy tính bảng, và bao thanh toán trong các chế độ xem có thể khácchiều rộng trang web mặc định - 1024px hoặc 980px?

980px các tiêu chuẩn de-facto mới?

Cảm ơn.

+0

tôi sử dụng màn hình dọc 1024px chiều rộng, và tôi bắt đầu thấy rất nhiều trang web phổ biến như facebook và stack overflow với thanh cuộn. Tại sao mọi người từ bỏ chiều rộng thấp hơn như thế này? –

Trả lời

6

Nếu không, tôi có thể thấy mọi thứ hướng đến cách đó.

Tôi đang làm việc để làm lại trang web cho công ty mà tôi làm việc và nhà thiết kế họ đã thuê sử dụng bố cục chiều rộng 960px. Ngoài ra còn có một hệ thống lưới 960px dường như khá phổ biến (http://960.gs/).

Tôi đã hết nội dung web trong vài năm nhưng từ những gì tôi đã đọc bắt kịp trên mọi thứ có vẻ như 960/980 là đúng. Đối với điện thoại di động ~ 320px dính trong tâm trí của tôi, mà 960 là chia hết. 960 cũng có thể chia đều cho 2, 3, 4, 5 và 6.

12

980 không phải là "defacto tiêu chuẩn", bạn thường sẽ thấy hầu hết mọi người nhắm mục tiêu một kích thước một chút rộng ít hơn 1024px chiếm chrome trình duyệt như cuộn vv

Thông thường người nhắm mục tiêu giữa 960 và rộng 990px. Thông thường, mọi người sử dụng hệ thống lưới (như 960.gs) được đặt ý kiến ​​về độ rộng mặc định là bao nhiêu.

Cũng lưu ý, chỉ gần đây kích thước màn hình phổ biến nhất hiện nay trung bình khá lớn hơn một chút so với chiều rộng 1024px, xếp hạng rộng 1366px. Xem http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/

+2

Twitter bootstrap cũng có 980px. –

27

Tôi sử dụng chiều rộng 978px cho thiết kế của mình. Adv. của 978px: có thể chia cho 2,3.

+7

thats thông minh, tôi sẽ không có suy nghĩ về điều đó. –

+0

Tôi sử dụng 980 vì nó cũng chia thành 2 và 3 khi bao thanh toán trong các phần đệm chung trên cột. – Brad

+3

@Brad 980 không chia thành 3. –

3

Đây là một câu hỏi mở vì kích thước màn hình luôn thay đổi và những gì có thể đã chính xác hai năm trước có thể đã lỗi thời.

Tôi sử dụng Twitter Bootstrap 3 hiện tại và sử dụng hệ thống lưới chất lỏng được thiết kế để hoạt động ở các kích cỡ khác nhau, từ thiết bị di động/rất nhỏ đến màn hình rộng lớn hiện có sẵn.

Hiện tại, mặc định trên trong BS3 là 1200px, có chiều rộng vùng chứa là 1144px sau khi tính tỷ suất và phần đệm của phần tử lưới.

Theo kinh nghiệm của tôi, các nhà thiết kế hiện đại đang làm việc với chiều rộng khoảng 1366px cho máy tính để bàn. Tất cả các thiết kế gần đây tôi đã được đưa ra để thực hiện đã được 1366px.

Cũng lưu ý rằng bạn có thể tùy chỉnh lưới BS3 khá nhiều. Ví dụ, chúng tôi sẽ sử dụng một lưới 32 cột với máng 4px trong các trang web/thiết kế của chúng tôi đi về phía trước.

Cuối cùng, quyết định về chiều rộng trang cần phải được thực hiện dựa trên phân tích trang web của bạn và kích thước màn hình mà khách truy cập của bạn thường sử dụng.

2

thậm chí không có câu trả lời đúng hay sai cho câu hỏi này, nhưng cá nhân tôi thích chiều rộng 960px. vì tất cả màn hình hiện đại đều hỗ trợ độ phân giải tối thiểu 1024 × 768 pixel.960 có thể chia hết cho 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 và 480. Điều này làm cho nó trở thành một số cơ sở rất linh hoạt để làm việc.

xem bài viết này cho thấy màn hình phổ biến nhất độ phân giải 2013-2014 ở Mỹ và Anh: http://www.hobo-web.co.uk/best-screen-size/

Các vấn đề liên quan