Công thức này có xấp xỉ số ký tự trên mỗi dòng trong div đúng không?

Question

Tôi bắt gặp một số website có nội dung là

Trong ví dụ trước, cột 1 có chiều rộng cố định: cột được đặt thành rộng 400 px. Với việc hiển thị văn bản ở 12 px, điều này sẽ dẫn đến số đo khoảng 66 ký tự trên mỗi dòng. Nếu người đọc của bạn tăng kích thước văn bản lên 16 px thì thước đo sẽ giảm xuống còn 50 ký tự trên mỗi dòng.

Các CSS cho cột 1 của nó là DIV#col1 { width:400px }

Tại thời điểm này, tôi không quá quan tâm với một số kịch bản trường hợp đọc làm tăng kích thước văn bản.

Tôi không hiểu nơi anh nhận được tỷ lệ của mình từ, nhưng công thức này dường như để giải thích cho cả hai tỷ lệ ông cho:

approximate charcount per line = [2 * (div width)]/(font size) 

Các đơn vị trong công thức là pixel ...

Tiếp tục anh ta đưa ra hai ví dụ khác, và công thức vẫn có vẻ giữ ...

Công thức này có đúng không? Tại sao anh ấy lại đưa ra những tỷ lệ đó?

tôi sẽ nghĩ rằng có ai đó hỏi này trước đây, nhưng có lẽ tôi có thuật ngữ tìm kiếm sai :)

Answer 1

Ví dụ và công thức và ghi chú trên trang được trích dẫn tất cả tổng hợp theo ý tưởng đơn giản là chiều rộng của một ký tự bằng một nửa kích thước phông chữ.

Đó chỉ đơn giản là một quy tắc thô và không chính xác lắm ngay cả trung bình. Chiều rộng phụ thuộc vào phông chữ và ký tự. "Chiều rộng trung bình của các ký tự" là một khái niệm rất mơ hồ. Trong kiểu chữ, ví dụ: trong “Các yếu tố của kiểu chữ” của Robert Bringhurst, độ dài của bảng chữ cái chữ thường (a đến z) được sử dụng như một thước đo, nhưng nó có nghĩa là tính trung bình so với các chữ cái đó, như thể các văn bản chỉ bao gồm chúng mỗi nhân vật đều đặn thường xuyên.

Trong thực tế, chiều rộng trung bình của các ký tự trong văn xuôi tiếng Anh có vẻ gần bằng 0,4 của cỡ chữ thay vì 0,5 của nó.

Tóm lại, nếu bạn muốn thiết lập độ rộng cột để, nói, 50 ký tự, thì sau đây là một nỗ lực hợp lý: các trình duyệt

width: 20em; 
width: 50ch; 

Cũ mà không hỗ trợ các đơn vị CSS3 ch sau đó sẽ sử dụng 20em, tương ứng với ước tính 0,4. Bạn có thể sử dụng tỷ lệ hơi lớn hơn hoặc lớn hơn đáng kể, nếu bạn đã kiểm tra (đo) rằng các đề xuất phông chữ chính của bạn đề cập đến phông chữ trong đó các ký tự tương đối rộng. Nhưng đó không phải là khoa học chính xác. Ngay cả việc sử dụng đơn vị ch không phải là khoa học chính xác, vì nó chỉ đơn giản là biểu thị chiều rộng của chữ số bằng 0 (mặc dù điều này có thể được coi là xấp xỉ "chiều rộng ký tự trung bình" hợp lý.

Answer 2

Một kích thước pixel cho một phông chữ cho một chiều cao, có chiều rộng tương ứng bằng tỉ số. Cách duy nhất để chắc chắn về số ký tự là sử dụng phông chữ đơn cách. Điều đó đang được nói, điều đó nghe có vẻ đúng. Cách duy nhất để biết chắc chắn là thử nghiệm với phông chữ bạn đang sử dụng (vì chúng có thể khác nhau đáng kể về tỷ lệ chiều cao so với chiều rộng và chắc chắn sẽ thay đổi theo ký tự được sử dụng).