Kiểu CSS - phần trăm so với em so với px?

Question

Sau khi đọc một số bài viết trên web em hơi bối rối khi sử dụng percent, em hoặc px cho div´s, input´s, font´s, buttons và vân vân ...

Đối với các trang web Tôi đang làm việc trên chúng tôi không thể thêm thiết kế đáp ứng và từ những gì tôi hiểu từ các bài viết khác nhau hơn phần trăm là cách để đi theo số elements và div´s. Nhưng hơn tôi bị nhầm lẫn vì tôi nghĩ rằng tôi có thể có được thiết kế đáp ứng ngay cả khi tôi sử dụng bố cục px för và đặt chiều rộng, chiều cao khác nhau ở px tùy thuộc vào độ phân giải thiết bị/màn hình ...?

Và có cách nào tốt nhất để sử dụng khi nào? Và không chỉ cho phông chữ, nhưng đối với div´s và các yếu tố khác nữa?

Answer 1

Theo như tôi có thể nhận ra, length giá trị trong %, em, px, pt chỉ là các biện pháp khác nhau mà bạn phải áp dụng để có được những điều thực hiện trong cách bố trí CSS của bạn. Không có quy tắc nào cả để sử dụng chúng.

Sự thật là, thật khó để nói cho bạn biết bạn phải làm gì với họ vì khó có thể biết bạn sẽ đạt được gì trong mỗi bố cục của mình. Bố cục về sự sáng tạo và bạn không thể chỉ sửa một cách tiếp cận để phù hợp với tất cả chúng.

Những gì tôi có thể làm là nói với bạn những điều cơ bản, nhưng có thể bạn đã biết điều đó: bạn sẽ có một số giá trị tuyệt đối (cm, mm, in, pt, pc, px) và một số giá trị tương đối (văn bản dựa trên: em, ex, ch, rem; chế độ xem dựa trên: vw, vh, vmin, vmax). Các biện pháp tương đối thay đổi khi chúng "thay đổi" cơ sở.

Cá nhân tôi thấy mình sử dụng rất nhiều điểm chung, tuyệt đối. Nhưng chúng tôi không bao giờ có thể nói những gì bạn đang cố gắng đạt được. Vì vậy, nó tốt để có các official documentation trong tay, do đó bạn luôn có thể tìm thấy cách tốt nhất cho mỗi thách thức bố trí của bạn.

May mắn!

Answer 2

Ưu điểm chính của việc sử dụng em là kích thước thực tế phụ thuộc vào cài đặt của người dùng, cụ thể là kích thước phông chữ mặc định. Vì vậy, người dùng thích loại lớn tăng giá trị này. Tỷ lệ phần trăm tạo ra một loại bố trí tĩnh, ngay cả khi nó linh hoạt về kích thước, kết hợp với min- và max-height/width điều này có thể dẫn đến kết quả tốt đẹp yên tĩnh. Nếu bạn muốn có một bố trí linh hoạt với các cột, do đó chỉ có một màn hình nhỏ, hai màn hình lớn hơn và tối đa ba màn hình, bạn cũng sẽ phải sử dụng phao kết hợp với chiều rộng/chiều cao (tối đa).

Nói chung tôi sẽ không bắt đầu bằng việc đặt câu hỏi cho đơn vị tốt nhất, hơn nữa tôi sẽ bắt đầu một khái niệm cơ bản về cách bố cục hoạt động. Đôi khi, việc sử dụng javascript cho toàn bộ Giao diện là giải pháp nhanh nhất và đáng tin cậy nhất, do đó, đơn vị sử dụng phụ thuộc vào mục tiêu đặc biệt của bạn và »đây là giải pháp tốt nhất« không tồn tại cho câu hỏi này nói chung, là trạng thái gì.

Chúc mừng ..