Là các trang web chất lỏng có giá trị làm nữa? [đóng cửa]

Bây giờ tôi đang tạo một trang web và tôi đang cố gắng quyết định xem tôi có nên làm cho nó trôi chảy hay không. Các trang web có chiều rộng cố định dễ dàng hơn nhiều để thực hiện và cũng dễ dàng hơn nhiều để làm cho chúng xuất hiện nhất quán.

Thành thật mà nói, cá nhân tôi thích nhìn vào các trang web chất lỏng kéo dài đến toàn bộ chiều rộng màn hình của tôi. Câu hỏi của tôi xuất phát từ thực tế là trong hầu hết các trình duyệt hiện đại, bạn có thể kiểm soát và cuộn bánh xe chuột của mình để thay đổi kích thước bất kỳ trang web nào.

Vì vậy, việc tạo ra một trang web chất lỏng có giá trị rắc rối?

Nó phụ thuộc vào khán giả và nội dung của bạn.

Sau đây là những trang web tôi tôn trọng và tôi nghĩ là ví dụ để bắt chước.

Ví dụ về chất lỏng:

Amazon

Wikipedia

Ví dụ tĩnh:

táo

eBay

MSN

StackOverflow

MSDN

Một số Trộn nó lên!

CNN

Tôi nghĩ rằng tôi thích tĩnh hầu hết thời gian. Nó dễ dàng hơn để làm cho nó trông tốt hơn trong nhiều trình duyệt. Nó cũng dễ đọc hơn.

Làm cho một chất lỏng trang web, nhưng thêm một thuộc tính chiều rộng tối thiểu / tối đa dường như là tốt nhất của cả hai thế giới, đối với tôi. Bạn hỗ trợ tính lưu loát, nhưng bạn giới hạn nó ở một độ rộng nhất định (giả sử, 800px và 1200px).

Tùy thuộc vào bạn - đây là một số điều cần xem xét:

1. Văn bản khó đọc (er) khi dòng rất dài.
2. Đối tượng của bạn có thể có độ phân giải lớn hơn hoặc nhỏ hơn bình thường và chọn độ rộng tĩnh 'không chính xác' sẽ gây khó chịu cho họ.
3. Duy trì một trang web chất lỏng có thể, nhưng không phải là khó khăn hơn nhiều so với đối tác tĩnh của nó.

Chắc chắn rồi. Đó là một bất tiện lớn cho những người có màn hình lớn phải thay đổi kích thước trang. Nó cũng có thể là một chút tinh ranh với một số bố trí. Những bất tiện nhỏ, dù tầm thường đến đâu, thực sự có thể ảnh hưởng đến ý kiến ​​của mọi người về trang web của bạn.

Ngoài ra, netbook có độ phân giải kỳ lạ khiến cho việc thiết kế trang web trở nên khó khăn. Ví dụ, tôi đang viết cái này ở 1024x600.

Ngày nay nó cũng không quá khó (trong các trình duyệt hiện đại), đặc biệt là với min-vàmax-height trong CSS, và các gradient mới, vv trong CSS3, vì vậy hình ảnh rộng sẽ không được như vấn đề một lớn trong tương lai gần.

Đáp lại bình luận dưới đây, tôi nghĩ rằng những ưu điểm vượt trội hơn những nhược điểm trong trường hợp cụ thể này - IE6 là một vấn đề ở khắp mọi nơi. Chúng ta chỉ cần đối phó với nó.

Bạn phải nhận ra hầu hết người dùng máy tính thậm chí không BIẾT CÁCH để phóng to trình duyệt! Hầu hết người dùng là từ sự hiểu biết về máy tính mà chúng ta có. Chúng ta luôn phải nhớ thực tế đó.

Ứng dụng dựa trên văn bản: Không . Ứng dụng dựa trên bảng: Có .

Ưu điểm của bố trí chất lỏng

1. Những người có màn hình lớn được sử dụng bất động sản màn hình của họ.
2. Người dùng có màn hình lớn dễ dàng hơn khi bạn có nhiều thông tin trên trang của mình.

Nhược điểm của bố trí chất lỏng:

1. Một cột văn bản chiều rộng chất lỏng khó đọc nếu nó quá rộng. Có một lý do chính đáng đằng sau việc sử dụng các cột trên báo: nó làm cho việc chuyển sang dòng tiếp theo dễ dàng hơn nhiều.
2. (Một phần nào đó) khó thực hiện, vì những hạn chế trong CSS.

Nếu bạn đang hiển thị dữ liệu dạng bảng (iTunes, trình quản lý db, ...), độ rộng của chất lỏng là tốt. Nếu bạn đang hiển thị văn bản (bài viết, trang wiki, ...) chiều rộng chất lỏng là xấu.

Từ quan điểm của iPhone của tôi, bố cục chiều rộng cố định là vấn đề khi sử dụng các khối mã. Thanh cuộn cho các khối mã rộng không hiển thị, vì vậy tôi không thể đọc được phía bên phải của khối.

Mặt khác, tôi nghĩ đó là một vấn đề đơn giản về loại trang web bạn đang thiết kế và nó trông như thế nào trên các màn hình và cửa sổ kích thước khác nhau. Như đã đề cập trước đây, có một tùy chọn để đặt chiều rộng tối đa, nhưng cùng một cảnh báo áp dụng cho các khối mã và iPhone. Tôi đã thiết kế cả hai và tôi không thích cái này hơn cái kia.

Mặc dù, thật thú vị khi xem các hộp di chuyển xung quanh khi tôi chơi với kích thước trình duyệt với bố cục linh hoạt, nhưng tôi có thể dễ dàng thích thú.

Điều quan trọng nhất là xem xét các trường hợp sử dụng chi phối của trang web hoặc ứng dụng của bạn. Bạn có mong đợi mọi người sử dụng nó trên các thiết bị di động không? Điện thoại di động, netbook, máy tính để bàn?

Hãy xem "Thiết kế web đáp ứng" của Ethan Marcotte: http://www.alistapart.com/articles/responsive-web-design/

Bài viết tuyệt vời thể hiện việc sử dụng bố cục thực sự trôi chảy bằng các truy vấn phương tiện. Đôi khi bạn cần xây dựng một giao diện người dùng riêng cho các tác nhân người dùng khác nhau, nhưng đôi khi các truy vấn phương tiện là công cụ hoàn hảo để phục vụ nhiều độ phân giải trên các tác nhân người dùng khác nhau.

Nó phụ thuộc vào những gì bạn đang cố gắng làm. Hãy nhìn vào SO. Đó là chiều rộng cố định và nó thật tuyệt. Trong thực tế, nếu nó là chất lỏng, nó sẽ là một chút của PITA. Một số trang web trông đẹp hơn với bố cục chất lỏng, nhưng cá nhân tôi, tôi sẽ sửa chữa trừ khi bạn có lý do chính đáng để sử dụng chất lỏng.

Nhiều điểm tốt trong các nhận xét nhưng từ câu hỏi của bạn, có vẻ như bạn thực sự thích các thiết kế trôi chảy và muốn tạo ra một ý tưởng, vì vậy, đó là trang web của bạn, nó không phải giống như mọi trang web khác trên web.

Chỉ cần nhận thức được ưu điểm của mọi giải pháp.

Lên đến một điểm - có.

Có một chiều rộng nhất định, trong đó văn bản bắt đầu trở nên khó chịu khi đọc nếu nó quá rộng. Dễ dàng kiểm tra nếu bạn có một màn hình lớn, chỉ cần lấy notepad và dán một số văn bản vào đó mà không ngắt dòng.

Tuy nhiên, khi đi xuống kích thước nhỏ hơn, chất lỏng có thể là một ý tưởng tốt. Các trình duyệt trên điện thoại di động ngày càng có khả năng hiển thị các trang web "bình thường" tốt, nhưng đôi khi chúng bị hạn chế về chiều rộng và do đó, sẽ có lợi nếu trang web của bạn có thể vừa với không gian nhỏ hơn một chút.

Cá nhân tôi cũng thích giữ trình duyệt trên màn hình của mình nhưng chỉ bằng một nửa chiều rộng của màn hình (24 "). Các trang web có tỷ lệ độc đáo rất tốt.

Tôi nghĩ rằng đó chủ yếu là một trường hợp thuận tiện cho người dùng. Không phải tất cả các trang web sẽ được hưởng lợi từ chất lỏng, nhưng tôi nghĩ rằng các trang web có nhiều nội dung văn bản là những trang web sẽ được hưởng lợi nhiều nhất từ ​​nó, ít nhất là nếu chúng có chất lỏng lên đến chiều rộng tối đa (nói 800px hoặc bất cứ điều gì)

Đúng. Thu phóng trang là tuyệt vời nhưng nó chủ yếu được sử dụng để làm cho văn bản lớn hơn, không làm cho văn bản lấp đầy khung nhìn. Chắc chắn nếu văn bản cơ thể đã quá rộng, thu nhỏ xuống để làm cho nó phù hợp thường sẽ làm cho nó không thể đọc được.

Bạn cần bố cục lỏng nếu bạn sẽ làm cho văn bản phù hợp với chế độ xem cho dù nó có được phóng to hay không.

Quan điểm về 'những dòng dài khó đọc' thường bị cường điệu hóa bởi các nhà thiết kế cố gắng biện minh cho các thiết kế có chiều rộng cố định (*), nhưng trên thực tế, nó dường như không giữ được trên màn hình khá mạnh như trên giấy. Tất nhiên, việc thiết lập một chiều cao hàng đầu / chiều cao tốt là rất quan trọng và chiều rộng tối đa có thể được sử dụng để ức chế sự dư thừa tồi tệ nhất của các hàng dài. (Đặt nó theo đơn vị em tương đối với phông chữ.) Bạn không nhận được độ rộng tối đa trong IE6, nhưng đó không phải là thảm họa như trước đây. (Bạn có thể sửa nó bằng một chút JavaScript nếu bạn thực sự quan tâm đến những kẻ đó. Tôi không.)

(* thực sự ít hoạt động hơn đối với bố cục đồ họa cao. Nhưng đối với bố cục đơn giản hơn như, er, StackOverflow, thực sự không có lý do gì để không thanh khoản. Tsk @SO, eh!)

Lời nói đầu: Không phải là một nghệ sĩ web chuyên nghiệp.

Tôi đã phát hiện ra rằng có quá nhiều bit khó hiểu để khiến mọi thứ trôi chảy chỉ với kích thước màn hình điện thoại di động và màn hình rộng, đặc biệt là ở bất cứ thứ gì có độ phức tạp khá thú vị.

Thông thường, tôi thiết kế xung quanh việc có một trang web có chiều rộng cố định trong một số thời trang; thường giới hạn ở [600,1200].

Tôi cũng thấy các cột nội dung siêu rộng là một rắc rối để đọc. Tôi dường như nhớ rằng có một số nghiên cứu cho thấy số lượng từ tối ưu trên mỗi dòng cột.

Bạn có thể làm cho nó như thế này.

# Tạo chất lỏng bố cục chính và áp dụng ' max-width: 1140px ' cho nó và căn giữa nó.

Bằng cách này, sẽ không có 'dòng dài' văn ​​bản trên màn hình lớn hơn và độ phân giải phù hợp của trang web trên những trang nhỏ hơn (không bao gồm 800x *** và mức thấp).

Tôi đã thực hiện phương pháp này trong các dự án mới của mình và nó hoạt động như một cơ duyên.

atb .. :)

Tôi nghĩ rằng chất lỏng quyết định / cố định cũng nên dựa trên nội dung của trang web:

1. Đối với các trang web có lượng lớn thông tin đơn giản (như cổng thông tin), tốt hơn nên sử dụng bố cục chất lỏng.

2. Các dịch vụ web nhìn tốt hơn và hoạt động theo các kích thước cố định, vì vậy bạn luôn biết các thành phần giao diện được đặt ở vị trí nào và chúng không di chuyển liên tục.

Có, các trang web chất lỏng có giá trị tạo ra
Như bạn đã nói, nó có vẻ tốt và hợp lý khi bạn lập kế hoạch đúng trong giai đoạn thiết kế.

Nghi ngờ của bạn về tác động của Ctrl + Scrollbar không phải là vấn đề lớn. Tính năng này chủ yếu dành cho khả năng truy cập, để làm cho văn bản dễ đọc hơn bằng cách tăng kích thước.

Tuy nhiên, nếu bạn đề cập đến tất cả các kích thước của bạn trong Pixels (px) thì điều đó sẽ không xảy ra. Điều chỉnh thích hợp chỉ xảy ra khi bạn sử dụng "em" để chỉ định kích thước. Vì vậy, bạn có một cách để bật / tắt

Tôi là một fan hâm mộ lớn của cố định ở <800px ... việc đọc các cột hẹp hơn sẽ dễ dàng hơn và nó sẽ hoạt động ở bất cứ đâu. Đó là, nếu bạn đang cố gắng tạo một trang web trình bày siêu văn bản ... Các trang web giới thiệu ứng dụng, tôi nghĩ rằng một loại sâu khác hoàn toàn ...

Thiết kế chất lỏng - thực sự chất lỏng - là khó khăn. Rất vất vả. Đây không chỉ là một câu hỏi về độ rộng trang - phông chữ của bạn có mở rộng quy mô không và mọi thứ có mở rộng với chúng không? Lý tưởng nhất:

• Kích thước nên được xác định emthay vìpx
• ... Và điều đó đúng với kích thước phần tử, không chỉ phông chữ!
• Do thay đổi kích thước phông chữ hoặc mức thu phóng, các thành phần trang phải có cùng kích thước so với nhau

Sản phẩm chính của chúng tôi là chất lỏng và theo quan điểm của tôi là một nhà thiết kế, đó là một nỗi đau, đặc biệt là vì nó liên quan đến rất nhiều nội dung do người dùng tạo ra.

Đối với một điều, hình ảnh - trong một trang web có chiều rộng cố định, bạn có thể có một hình ảnh lấp đầy một nửa chiều rộng và trông rất tuyệt. Trong một trang web chất lỏng, hình ảnh này có khả năng bị mất trong một biển trắng, trông khá cô đơn.

Cuộc sống sẽ trở nên dễ dàng hơn một lần border-radiusvà các thuộc tính CSS3 khác xuất hiện nhiều hơn, nhưng thật đáng buồn, đối tượng cốt lõi của chúng tôi là nhân viên chính phủ, tất cả, VẪN SỬ DỤNG IE F @! * ING 6!

Để trả lời câu hỏi, "nó có đáng không"? Vâng , nếu bạn làm đúng.

Đây là một kịch bản: chọn một trang web có chiều rộng cố định: ông chủ của bạn hiển thị nó cho khách hàng trên máy tính xách tay 1920x1600 hoàn toàn mới của mình, sau đó phàn nàn với bạn về "làm thế nào tất cả trông nhỏ trên màn hình của anh chàng này!"

Tôi nghĩ thật tuyệt khi có thể chia tỷ lệ tốt trên màn hình của người dùng, thay vì làm cho người dùng xoay và thu phóng. Trong thời gian khi người dùng lướt web từ nhiều loại thiết bị như vậy, từ điện thoại thông minh đến máy tính siêu di động, mỗi thiết bị đều có độ phân giải không chuẩn, có thể là không quan trọng, tôi nghĩ điều quan trọng là giữ trải nghiệm người dùng ở mức cao khi trang web của bạn được xem trên màn hình như vậy. Về độ dài văn bản, nó có thể được giới hạn bởi một tỷ lệ nhất định, vì vậy nó sẽ phù hợp độc đáo trong bố cục. Tôi nghĩ cũng có những khuôn khổ có thể giúp viết một trang web một cách trôi chảy và giúp duy trì mã hóa.

Tôi sẽ đi ngược lại với đa số và nói KHÔNG. Lý do: các trang web chất lỏng như Wikipedia là một cơn ác mộng để đọc trên màn hình lớn do độ dài dòng của chúng (mặc dù các trích dẫn của nó làm cho nó khó đọc vào thời điểm tốt nhất).

Vấn đề thực sự xảy ra vì không có cơ chế kích thước văn bản liên quan đến độ phân giải màn hình. Nếu bạn có thể tự động làm cho văn bản lớn hơn ở độ phân giải lớn hơn, bạn có thể ở gần hơn với các ký tự 80 lẻ trên mỗi dòng thường được coi là tốt nhất để dễ đọc.

Ngoài ra còn có vấn đề về hình ảnh và các yếu tố kích thước cố định khác. Bạn có thể có hình ảnh lớn và để trình duyệt thu nhỏ chúng nếu cần, nhưng sau đó bạn gặp phải các vấn đề khác như thời gian tải xuống lâu hơn và vấn đề về chất lượng hình ảnh trong nhiều trình duyệt.

Tôi là người hâm mộ các trang web có độ rộng tối đa cố định trong khoảng từ 800px - 1000px, nhưng cũng có thể thu nhỏ để tôi có thể đọc nội dung mà không cần cuộn sang bên và cũng không thu nhỏ vì thường văn bản cũng trở nên nhỏ để đọc và nó làm tổn thương đôi mắt của tôi. Vì vậy, điều này thường là tôi muốn phấn đấu vì tôi muốn xây dựng các trang web mà tôi có thể tự hào.