Tại sao hầu hết các trang web được tối ưu hóa để xem ở chế độ dọc? [đóng cửa]

Tôi chỉ đơn giản là không thể tìm ra điều này. Hầu như tất cả các màn hình đều có tỷ lệ khung hình trong đó chiều rộng lớn hơn nhiều so với chiều cao và hầu như tất cả các trang web đều được thiết kế chính xác cho vòng ngược lại? Tôi không thực sự là một nhà phát triển web và chỉ đang thử nghiệm công cụ tại thời điểm này nhưng sự điên rồ này gây trở ngại cho tôi !!!

Chỉnh sửa: Vấn đề không phải là tôi muốn giới hạn chiều cao của một trang web. Vấn đề là tôi muốn nó bằng cách nào đó lấp đầy tất cả không gian có sẵn khi tôi có 1920x1080 ở chế độ ngang.

Chỉnh sửa 2: Xem phần này để hiểu những gì tôi đang nói

Có giới hạn về việc mắt có thể quét bao xa mà không mất dấu vết của dòng tiếp theo khi bạn đi đến cuối dòng hiện tại. Đã có một số nghiên cứu ( bao gồm cả nghiên cứu này ) về độ rộng và khả năng đọc tối ưu của dòng.

Bạn có thể có thể đun sôi nó xuống độ, nhưng để biết điều gì là tối ưu tại thời điểm đó đòi hỏi bạn phải biết người dùng cách màn hình bao xa. Đó là lý do tại sao hầu hết các khuyến nghị là cho các phép đo bằng ems, ký tự hoặc từ. Kích thước tính bằng pixel sau đó phụ thuộc vào kích thước của phông chữ, nhưng sự đồng thuận chung vẫn hoạt động.

Cá nhân tôi sẽ rất khó đọc một bài báo nếu nó được định dạng để sử dụng toàn bộ chiều rộng của màn hình 1080p. Tôi chắc chắn bạn cũng sẽ như vậy. Các quy ước hiện tại của chúng tôi có nguồn gốc từ hướng dẫn thiết kế bố trí in và hướng dẫn bố cục không thay đổi về mặt vật chất. Sự khác biệt duy nhất là chúng ta có thể tương tác với trang trong trình duyệt.

Bình luận bổ sung : (từ câu hỏi đặt ra trong các bình luận)

Có những hạn chế đối với những gì HTML có thể làm cho bạn trên màn hình. Đối với một điều, không có trang. Chỉ thanh cuộn. Thiết kế một hành vi hợp lý cho cách trình duyệt hiển thị đánh dấu là một đề xuất rất khó khăn. Các thuộc tính CSS3 cho bố cục nhiều cột chưa được đưa ra khỏi giai đoạn đề xuất ứng cử viên. Có những hack để chơi với nó được mô tả trong bài viết này ở một danh sách ngoài . Tuy nhiên, nó vẫn chưa hoàn toàn sẵn sàng cho thời gian chính trên hầu hết các trang web.

Miễn là nội dung của bạn không yêu cầu cuộn, bạn sẽ ổn. Ngay khi thực hiện, cách tiếp cận nhiều cột có thể đưa ra một số thách thức về cách người dùng tương tác với trang web.

Bình luận về Tiêu chuẩn De Facto hiện tại :

Để giải quyết cách bạn sắp xếp lại câu hỏi của bạn và ví dụ bạn cung cấp, hãy hiểu rằng thiết kế web phải cân bằng một số yêu cầu có thể xung đột - và vẫn giữ cho trang web trông chuyên nghiệp. Để cân bằng nhu cầu của các nhà thiết kế và khách hàng, hầu hết các nhà phát triển thiết kế cho một độ phân giải. Độ phân giải đó là dựa trên dữ liệu đó có thể dễ dàng có sẵn . Chúng cũng có thể được dựa trên các hồ sơ lưu lượng truy cập web lịch sử hoặc kiến ​​thức về môi trường đích.

Độ rộng màn hình phổ biến nhất (1024, 1280, 1366) đủ gần để nếu bạn thiết kế nhỏ nhất (1024p) và căn giữa thiết kế trên trang, nó sẽ vẫn đẹp trên các kích thước ngang lớn hơn một chút . Nó là rất khó khăn để có được tất cả mọi thứ được chỉnh lề phải ở định dạng bất kỳ, ít nhiều phải hỗ trợ nhiều định dạng tùy thuộc vào độ rộng màn hình. Người dùng 1080p đang tăng số lượng, nhưng vẫn chiếm một tỷ lệ rất nhỏ trong số những người họ phải hỗ trợ.

Trong trường hợp bạn quan tâm, tôi thực sự khuyên bạn nên đọc một số bài viết về thiết kế tại "A List Apart" . Bạn sẽ bắt đầu có ý tưởng rằng làm những gì bạn muốn khó hơn vẻ ngoài của nó. Khi tôi đăng câu hỏi về thiết kế cho 1080p , những phản hồi ban đầu đầu tiên là "Làm cho mọi thứ lớn hơn". Đó là thứ gì đó chưa có trên radar đối với hầu hết các nhà thiết kế web.

Hầu hết các trang web đều cao hơn sau đó chúng rộng vì bạn có thể cuộn xuống một cách tự nhiên để đọc thêm nội dung. Cá nhân tôi ghét thanh cuộn ngang. Họ nên được bãi bỏ!

Trang web vẫn là chân dung, trang web mở rộng ra phía dưới màn hình. Không có giới hạn về chiều cao của một trang web.

Hiện tại có các trang web dài vô tận (Cảm ơn bạn, AJAX), Bạn sẽ làm gì nếu thấy một trang Rộng vô hạn? (Tôi sẽ săn lùng và Giết người thiết kế, nhấp vào trang không đủ tốt, người thiết kế phải chết.)

Cuộn qua rồi quay lại cho mỗi dòng sẽ khiến một người tự sát. Đây là lý do tại sao mọi người tạo ra những cuốn sách ưa thích như, các ứng dụng lật trang, vì vậy bạn không cần phải cuộn qua.

Sau khi đọc các câu trả lời trước đó, tôi nhận thấy rằng một số điểm bị thiếu, vì vậy tôi sẽ cố gắng mô tả những điểm đó.

Thực hiện cột khó

Khi bạn nói về các trang có chiều rộng lớn, tôi tưởng tượng rằng bạn đang nói về các cột văn bản, giống như những gì bạn thấy trên một tờ báo "vật lý". Có hai vấn đề với điều đó.

Đầu tiên, HTML 4 và XHTML 1.0 / 1.1 thực tế không nhằm hiển thị văn bản trong các cột. Có các bản hack cho Firefox (và có thể các trình duyệt bình thường khác), nhưng nó sẽ không hoạt động trong Internet Explh khiếp.

Thứ hai, trong triển khai Firefox thực tế hoặc trong HTML 5 trong tương lai, nếu văn bản phải được hiển thị trong các cột, bạn phải chỉ định chiều rộng của cột và số lượng cột. Không thể chỉ định chiều cao (ví dụ: chiều cao của trang, trừ chiều cao của tiêu đề và chiều cao của chân trang) và để trình duyệt điều chỉnh số lượng cột.

Nó thực tế không thể có bố cục có thể sử dụng trong các cột chỉ có thanh cuộn ngang, không có thanh dọc.

Không có chiều cao 100%

HTML / XHTML thực tế nhằm điều chỉnh kích thước của các yếu tố theo độ rộng của trang. Rất khó sử dụng chiều cao trang cho các số liệu.

Điều này có nghĩa là bạn sẽ phải sử dụng các bản hack JavaScript để hiển thị nội dung chính xác. Nói cách khác, đối với những người không kích hoạt JavaScript, trang web của bạn sẽ hoàn toàn không sử dụng được.

Đang duyệt với trang nửa màn hình

Với màn hình lớn 16: 9/16: 10, không có gì lạ khi làm việc với hai cửa sổ cạnh nhau ( Win+ ←/ Win+ →trong Windows Seven). Điều này có nghĩa là cửa sổ trình duyệt sẽ có chiều rộng nhỏ và chiều cao lớn.

Cố định so với chiều rộng động

Giả định của bạn rằng hầu hết các trang web được tối ưu hóa để xem ở chế độ dọc có thể sai.

Đầu tiên, hầu hết các trang web hoàn toàn không được tối ưu hóa và được viết bởi những người không biết gì hoặc ít nói về phát triển web nói chung.

Thứ hai, có một sự khác biệt giữa các trang web có chiều rộng cố định và các trang web có chiều rộng bằng tỷ lệ phần trăm chiều rộng của cửa sổ trình duyệt.

Trong trường hợp đầu tiên, bạn có thể nhận thấy rằng hầu hết các trang web không được tối ưu hóa cho chế độ dọc, cũng không cho chế độ ngang. Thông thường, chiều rộng được cố định là 1024, 800 hoặc ít hơn, điều này không có ý nghĩa gì khi xem chúng trên màn hình 24 inch với độ phân giải 1920 × 1080.

Trong trường hợp thứ hai, nếu bạn đang xem trang ở chế độ toàn màn hình trên màn hình 24 inch, có khả năng trang web này sẽ được hiển thị chính xác ở chế độ dọc cũng như ở chế độ ngang.

Ví dụ: tưởng tượng một trang web với một bộ sưu tập hình ảnh. Trên một trang có hình thu nhỏ và khi bạn nhấp vào hình thu nhỏ, bạn sẽ thấy một bức ảnh có kích thước đầy đủ. Nếu hình thu nhỏ ở bên trái, với chiều rộng động của trang, nó sẽ hiển thị độc đáo ở chế độ ngang. Sẽ rất tuyệt khi xem những bức ảnh đầy đủ.

Tại sao màn hình hiện đại được định hướng trong chế độ phong cảnh?

1. Định dạng video. Video HD sẽ mở rộng tốt hơn cho màn hình theo chiều ngang.
2. Đọc hiểu. Cho dù từ trái sang phải hay phải sang trái, việc đọc các khối lớn của dòng hoàn chỉnh sẽ dễ dàng hơn mà không cần cuộn khi được định hướng ở chế độ ngang.

EDIT: Sau khi xem xét nhận xét của bạn và chỉnh sửa lại ý định của câu hỏi ban đầu của bạn, có vẻ như bạn đang nhắm đến một lý do nào đó cho bố cục hai và ba cột phổ biến nhất hiện nay. Đối với điều này một bản tóm tắt ngắn gọn về lịch sử trang web:

Tại sao các trang web được tối ưu hóa để xem ở chế độ dọc?

Tôi không nghĩ rằng họ được tối ưu hóa cho nó cả. Đó thường là một sự thỏa hiệp giữa việc luôn có sẵn một số khía cạnh, một số khía cạnh nhất định thường có sẵn và một số khía cạnh nhất định chỉ có sẵn trong một bối cảnh nhất định. Tốt nhất, bạn có thể gọi đó là sự thỏa hiệp tối ưu.

Có thể đặt cốt lõi, điều hướng dự kiến ​​và nội dung thứ cấp trong mỗi trang bên cạnh nội dung cụ thể theo ngữ cảnh là lý do tại sao bố cục hai và ba cột cũng phổ biến như chúng. Trong những ngày đầu của web, nhiều trang web đã thử nghiệm bố cục cung cấp những gì đã cố gắng xuất hiện dưới dạng bố cục cột đơn, sử dụng danh sách điều hướng động (hoặc menu, tuy nhiên bạn muốn xem chúng), sẽ tự ẩn và mở rộng khu vực đọc cho Nội dung chính. Nhưng đó là một thách thức gồm hai phần: a) những thách thức kỹ thuật khi thiếu khả năng tương thích trình duyệt chéo; b) tính khả dụng: nó thường được người dùng xem, ngay cả khi (một vấn đề lớn) đã vượt qua thách thức kỹ thuật, như một trò chơi săn bắn không cần thiết hoặc không cần thiết (để điều hướng) và phá hủy (sự hài lòng vì một số giải pháp đã sửa đổi hành vi bối cảnh mặc định của nhấp chuột).

Để khắc phục điều này, hầu hết các trang web đã áp dụng tiêu chuẩn defacto và chấp nhận hậu quả. Hai cột hiển thị điều hướng trong một và nội dung trong cột kia hoặc cột thứ ba được thêm vào để nội dung điều hướng không cốt lõi luôn luôn có thể được hiển thị (cho dù trợ giúp liên quan đến ngữ cảnh, ghi chú hoặc quảng cáo hoặc các luồng liên lạc gần đây hiển thị người trực tiếp hoạt động liên quan đến trang web hoặc bối cảnh). Nội dung thực tế của bối cảnh bị mắc kẹt ở giữa.

Điều này được gọi là bố trí chiều rộng cố định. Có bố trí chiều rộng đầy đủ hoặc còn được gọi là chất lỏng. Có một lý do tại sao chiều rộng cố định được sử dụng. Một là độ phân giải của màn hình của bạn ảnh hưởng đến khả năng sử dụng. Nếu bạn có một màn hình khổng lồ như tôi ở 27 "thì trang web sẽ trông rất khủng khiếp. Tất cả văn bản, hình ảnh và mọi thứ sẽ được trải ra, tôi sẽ khó nắm bắt được bố cục hoặc trang web. Bố cục chất lỏng được sử dụng chủ yếu trong danh sách hoặc loại dữ liệu của trang web. Ví dụ: eBay sử dụng bố cục chất lỏng trong danh sách của mình vì nó mang lại trải nghiệm tốt hơn. Diễn đàn cũng có thể được hưởng lợi từ bố cục chất lỏng. Nhưng blog, sáng tạo, ảnh, hoặc các trang web kinh doanh được hưởng lợi tốt hơn nhiều từ các trang web có chiều rộng cố định.

Tôi không biết chắc chắn, nhưng tôi đoán là hầu hết các "tài liệu" được in đều được thiết kế để in theo hướng dọc và nhiều người vẫn chỉ định các trang web là "tài liệu" - đây có thể là một điều văn hóa? Một cách giải thích khác là chiều rộng màn hình thay đổi nhiều hơn chiều cao màn hình ...

Tôi cho rằng nói chung, không khuyến khích đăng một câu trả lời trong chủ đề đã không thấy hoạt động trong một thời gian dài. Tuy nhiên, tôi cảm thấy rằng có một số điều có liên quan chưa được đề cập.

Trước tiên, hãy để tôi đề cập đến tiện ích mở rộng Firefox sau đây mà tôi đã phát hiện ra vài tháng trước: Cột đọc

https://addons.mozilla.org/en-US/firefox/addon/column-reader/

Tại sao chúng ta cuộn theo chiều dọc?

Để so sánh: xem xét một ngôn ngữ được viết trong các cột dọc. Đối với một ngôn ngữ như vậy, màn hình rộng hiện tại là lý tưởng. Vì vậy, đó là cách nó hoạt động: bạn cuộn vuông góc với hướng của dòng. Các trang sách ở định dạng dọc vì các dòng của chúng tôi nằm ngang.

Như đã được chỉ ra trong các câu trả lời trước đó: khả năng chỉnh lại dòng của các công cụ bố trí trình duyệt của chúng tôi được điều chỉnh để phản xạ theo chiều dọc.

khả năng đa cột

Nhóm phát triển của trình duyệt có thể chọn thêm khả năng nhiều cột theo cách sau: Đầu tiên kết xuất toàn bộ trang dưới dạng một cột, sau đó cắt nó thành các dải có chiều cao pixel của không gian cửa sổ có sẵn và hiển thị các dải đó bên cạnh. Nhưng làm thế nào rộng để bạn làm cho các cột? Ngay cả khi rất ít chiều rộng được sử dụng cho văn bản thực tế, thường là mã trang cho một màu nền cụ thể cho toàn bộ chiều rộng của không gian cửa sổ có sẵn.
Sau đó, công cụ kết xuất phải chơi an toàn và phân bổ toàn bộ không gian ngang cho một cột.

Có thể cho các thiết kế web thực hiện bố trí nhiều cột?
Điều đó sẽ chạy vào sự khác biệt nghiêm trọng. Bạn phải có được chiều cao và chiều rộng của không gian cửa sổ có sẵn và thực hiện việc cắt và sắp xếp các dải thành các cột trong Javascript. Sau đó, bạn phải quyết định làm gì với hình ảnh được cắt thành hai mảnh.

Đối phó với những thứ đó là những gì một công cụ bố trí làm. Để thử và tạo một thư viện Javascript tạo điều kiện cho việc bố trí lại nhiều cột là tạo một công cụ kết xuất trong Javascript. Đó là tạo ra một nền tảng trong một nền tảng.

Kích thước màn hình

Tôi thấy bực bội vì hiệu ứng màn hình máy tính đã bị thu hẹp trong vài năm qua. Màn hình lớn có chiều cao 1200 pixel, ngày nay chỉ có 1050. Có, chúng rộng hơn, nhưng đối với văn bản không gian không thể được sử dụng.

Ngoài ra, trong hướng dọc, những màn hình đó quá hẹp.
Tôi có một thiết lập màn hình kép, với cả hai màn hình theo hướng dọc, cả hai màn hình đều có kích thước 1200x1600px. Đối với tôi 1200 pixel đó là tối thiểu.

Một tuyên bố có điều kiện trong CSS

Một nhận xét về bố trí chiều rộng cố định.

Tôi yêu lệnh CSS cho phép nhà thiết kế web chứa một phạm vi chiều rộng lớn trong khi tránh các thanh cuộn và duy trì khả năng đọc: "độ rộng tối đa". (Có bốn lệnh như thế: min-width, max-width, min-height, max-height). Đối với một div chứa văn bản chỉ định độ rộng tối đa là 65em.

Bạn nhận được một if / khác.
Nếu không gian có sẵn nhỏ hơn 65em thì văn bản được hiển thị lại tương ứng: không có thanh cuộn ngang Nếu không gian khả dụng lớn hơn 65em thì div chứa được đặt ở mức 65em.

Màn hình màn hình rộng thực sự chỉ mới cất cánh trong 2 năm qua - chúng từng là những lựa chọn đắt tiền hơn.

Thiết kế khôn ngoan, người ta luôn thấy rằng việc có một trang web (tài liệu) dài ra để người dùng phải cuộn xuống vượt trội hơn rất nhiều so với việc khiến ai đó cuộn qua vì một vài lý do. Thứ nhất, đây là cách mà hầu hết các tài liệu máy tính có xu hướng hoạt động, vì vậy nó là một mẫu "bình thường" hơn; bạn có một phím xuống trang nhưng không phải là một trang trên phím. Thứ hai là chúng ta có những con chuột gần như có mặt ở khắp mọi nơi trong những ngày này, vì vậy việc cuộn lên / xuống là một hoạt động rất dễ dàng, dễ dàng hơn nhiều so với việc cuộn qua.

Cuối cùng, làm thế nào để bạn chọn độ phân giải màn hình rộng mà bạn muốn đạt được - máy tính để bàn của tôi là 1920x1080; máy tính xách tay của tôi là 1440x900. Bạn thiết kế cho cái nào?

Mặc dù thực tế là hầu hết các màn hình đều có hướng nằm ngang đang được bán hiện nay, bạn cũng phải tính đến việc khi thiết kế trang web, bạn không có cách nào biết chính xác độ phân giải màn hình mà người xem sẽ sử dụng. Vẫn còn 15% người dùng internet đang hoạt động ở độ phân giải màn hình từ 1024 chiều rộng trở xuống. Điều này không để lại nhiều khoảng trống cho việc mở rộng theo chiều ngang trước khi bạn phải cuộn để xem thông tin. Ngoài ra, một số người dùng không lướt internet trong một cửa sổ tối đa hóa tối đa. Giải pháp duy nhất cho vấn đề này là phát triển một thiết kế năng động dựa trên kích thước của cửa sổ trình duyệt. Nếu bạn đã từng cố gắng làm điều này, bạn sẽ rất do dự để thử lại trừ khi thực sự cần thiết như một nỗi đau của hoàng gia. Có nhiều lý do khác để có chiều rộng nhỏ hơn như đã được đề cập.

Có một số lý do:

• Tài liệu của hầu hết văn bản là tỷ lệ chân dung truyền thống, vì vậy web bảo tồn điều đó.

• Nó dễ dàng hơn để đọc các dòng văn bản ngắn hơn. Tôi không có trích dẫn, nhưng đó là một lời khuyên thiết kế rất phổ biến, đến mức trở thành một tiêu chuẩn hơn là một hướng dẫn.

• Một thiết kế ủng hộ hẹp là linh hoạt hơn. Tôi thích cửa sổ trình duyệt của mình chỉ bằng một nửa màn hình toàn màn hình rộng của tôi và đặt một cái gì đó khác (thường là trình soạn thảo văn bản hoặc cửa sổ trình duyệt khác) bên cạnh nó. Chỉ vì tôi có thể có một trang web có độ phân giải 1920 pixel không có nghĩa là tôi luôn muốn nó có. Nó thực sự là một chút tự phụ của một nhà thiết kế web để đưa ra bất kỳ giả định nào về cách tôi sẽ (hoặc nên) xem trang của họ. Cung cấp cho tôi hồi tưởng tồi cho "Trang này được xem tốt nhất trong 800x600 trên IE6."

• Một lựa chọn tốt hơn sẽ là một thiết kế lỏng có tỷ lệ theo bất kỳ chiều rộng nào và CSS làm cho nó hoạt động tốt cho văn bản (hầu hết thời gian, trong hầu hết các trình duyệt hiện đại, có thể). Nhưng hình ảnh, video nhúng, đèn flash và các đối tượng nhúng hiện đại khác luôn làm hỏng kiểu thiết kế đó mà không cần nhiều công việc. Với sự lựa chọn giữa một thiết kế tỷ lệ linh hoạt, mất nhiều thời gian để có được quyền so với thiết kế chiều rộng cố định hẹp đã thử và đúng, khá nhiều người sẽ chọn con đường dễ dàng hơn (rẻ hơn).

• Sự lựa chọn linh hoạt nhất là một cái gì đó giống như iGoogle, một phần vải có thể điều chỉnh bởi người dùng. Sau đó, văn bản của bạn có thể rộng hoặc hẹp như bạn muốn, với các khối văn bản và hình ảnh được sắp xếp theo cách bạn muốn. Bây giờ tôi muốn bạn tưởng tượng cơn ác mộng của mọi trang web bạn truy cập yêu cầu tùy chỉnh trước khi có thể đọc được.

Hiện tại, tiêu chuẩn thiết kế web cho các trang web là phát triển chiều rộng 960px để phù hợp với độ phân giải màn hình từ 1024px trở lên (không có thanh cuộn ngang). Đây là yêu cầu tối thiểu vì không phải ai cũng sử dụng màn hình 24 inch mới. (nghĩ về máy tính bảng và netbook là phần cứng mới với độ phân giải nhỏ)

Bạn nên nhớ rằng độ phân giải của một trang web mong muốn bị ảnh hưởng bởi sự thử thách bị nhắm mục tiêu và nên được điều chỉnh cho phù hợp.

Ngoài ra, về khả năng sử dụng, các dòng văn bản phải rộng khoảng 11 đến 14 từ (có thể nhiều hơn nếu bạn điều chỉnh chiều cao của dòng) để không phải tất cả các trang web đều có thể xử lý thiết kế lỏng.

Tốt nhất là nếu bạn không muốn mang lại cho khách truy cập của mình cảm giác rằng trang bên ngoài vùng nội dung không trống, bạn có thể thêm các dải kết cấu / màu vượt ra ngoài và thích ứng với kích thước màn hình của người dùng. (giống như trên http://www.cnn.com/ chỉ áp dụng cho tiêu đề, nhưng bạn có thể làm cho nó cho toàn bộ trang)

Tại sao hầu hết các trang web được tối ưu hóa để xem ở chế độ dọc?

Tại sao chúng ta in giấy ở chế độ dọc khi phong cảnh cũng là một lựa chọn hoàn toàn khả thi?

Như nhiều người đã nói, việc đọc một số dòng ngắn lớn hơn dễ dàng hơn là đọc hai hoặc ba dòng dài.

Ngoài ra, nếu bạn điền vào nội dung 1280 * x pixel, trang web sẽ bị lộn xộn và không ai biết cần phải giải quyết vấn đề gì. Một trang web nên thực hiện một nhiệm vụ cụ thể, không phải MỌI nhiệm vụ.

Xu hướng Web 2.0 dạy chúng ta đặt ít thông tin hơn trên một trang và làm cho lời kêu gọi hành động rõ ràng và súc tích. Triết lý thiết kế thường được chấp nhận này là trái ngược hoàn toàn với những gì bạn đang đề xuất.

Có NHIỀU lý do để phát triển cho độ phân giải 1024, nhưng tôi nghĩ yếu tố lộn xộn là một trong những lý do quan trọng hơn.

Tôi đã nhận thấy rằng bạn đang sử dụng những gì có vẻ là Windows 7, vì vậy câu trả lời là: Win+←

Mặc dù vậy, một lưu ý nghiêm trọng: Các lý do chính khiến các trang web được tối ưu hóa theo chiều dọc là việc mã hóa bố cục chiều rộng tĩnh trong CSS dễ dàng hơn và có giao diện chính xác trên nhiều nền tảng. Độ rộng của chất lỏng đôi khi được sử dụng, nhưng chúng không cho vay để dễ đọc.

Khi xem phim hoặc chơi trò chơi, thật tuyệt khi sử dụng hết không gian ngang của bạn với công cụ, nhưng với việc đọc, bạn thực sự chỉ muốn một cột văn bản nhỏ để mắt có thể quét tự nhiên mà không cần phải quay đầu. Thêm nhiều tào lao ở bên trái và bên phải của trang web sẽ có xu hướng làm sao lãng nội dung chính của trang, vì vậy nhiều nhà thiết kế chỉ để trống để có khoảng trắng hấp dẫn.

Ngoài ra, chỉ vì bạn có một màn hình đẹp không có nghĩa là phần lớn mọi người có một màn hình rộng đẹp. Một tài nguyên tuyệt vời để kiểm tra kích thước bố cục trên là trình duyệt của google .

Màn hình của bạn được định hướng không chính xác. Màn hình của một lập trình viên nên cao hơn chiều rộng, theo chiều dọc chứ không phải ngang.