1. Trang chủ
  2. Câu hỏi và trả lời
  3. Kích thước phông chữ <12px không có hiệu lực trong Google Chrome

Kích thước phông chữ <12px không có hiệu lực trong Google Chrome

2010-02-19 18 views
29

Các thành phần có kích thước phông chữ css < 12px không có hiệu lực trong Google Chrome - vẫn còn kích thước phông chữ 12px.Kích thước phông chữ <12px không có hiệu lực trong Google Chrome

Tôi nên làm gì?

Trình duyệt Google Chrome của tôi sử dụng cài đặt mặc định. Phiên bản của tôi là 4.0.249.89. Tôi đang sử dụng Windows XP.

Bạn có thể dán đoạn mã sau vào Google Chrome của bạn để kiểm tra nó:

<html> 
<body> 
<p style="font-size:6px;">test 6px</p> 
<p style="font-size:7px;">test 7px</p> 
<p style="font-size:8px;">test 8px</p> 
<p style="font-size:9px;">test 9px</p> 
<p style="font-size:10px;">test 10px</p> 
<p style="font-size:11px;">test 11px</p> 
<p style="font-size:12px;">test 12px</p> 
<p style="font-size:13px;">test 13px</p> 
<p style="font-size:14px;">test 14px</p> 
<p style="font-size:15px;">test 15px</p> 
<p style="font-size:16px;">test 16px</p> 
</body> 
</html>

Kết quả từ trình duyệt khác nhau: https://i178.photobucket.com/albums/w258/neodeep2001/chrome-font-size-diff.jpg

Nguồn

2010-02-19 Billy

+1

Bạn có ví dụ mà chúng tôi có thể xem không? Không có lý do tại sao nó không hoạt động! – deanWombourne

+0

Tôi vừa thêm một đoạn mã mẫu. – Billy

+0

Làm việc cho tôi mà không có vấn đề gì. – Kitson

Trả lời

27

tắt điều chỉnh tự động theo kiểu sau.

* { 
    -webkit-text-size-adjust: none; 
}

Nguồn

2010-11-30 17:41:20

+0

Tôi nghĩ rằng điều này nên được chấp nhận làm Câu trả lời. Mặc dù hãy cẩn thận về những cạm bẫy có thể xảy ra với quy tắc CSS này: http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/ –

+5

Hoạt động trên Safari nhưng không hoạt động trên Chrome cho tôi. – GiantSquid

+2

Trong chrome 36, không có kiểu css có tiền tố như vậy ... –

1

này không nên là đúng, bạn có thể có một yếu tố ghi đè lên hiện tại của bạn thuộc tính đã cho.

như thế này:

body { 
    font-size:10px; 
} 

#content { 
    font-size:12px; 
}

Nguồn

2010-02-19 09:16:02 Paul

+0

Tôi vừa thêm một đoạn mã mẫu. – Billy

1

Nó làm việc cho tôi.

Cố gắng:

  • sử dụng công cụ thiết kế web, để kiểm tra những gì css ảnh hưởng đến yếu tố bạn
  • bài html và css là tốt, vì vậy chúng tôi có lẽ có thể tìm hiểu thêm

Edit: mới nhất Chrome (ổn định) hiển thị theo cách này: Rendering in chrome http://h.kissyour.net/so/less12.png

Nguồn

2010-02-19 09:16:20

+0

Tôi đã thêm screencap của 4 trình duyệt. – Billy

+0

chụp ảnh màn hình css có ảnh hưởng đến nó - nhấp chuột phải vào một trong 'văn bản thử nghiệm: 6 - 11px' và chọn" kiểm tra phần tử "hoặc một cái gì đó như nó (tôi đã bản địa hóa chrome) - nó sẽ là ảnh cuối cùng (nếu bạn biết Tôi đang nói về, dừng đọc thêm) - sau đó kiểm tra tài liệu mở ra và ở phía bên phải là bảng 'styles' - ảnh chụp màn hình nó và gửi nó xin, có lẽ chúng ta sẽ thấy. –

0

điều gì sẽ xảy ra nếu bạn thực hiện < P> gắn thẻ < SPAN> thẻ?

có thể bạn đã xác định thẻ < p> của mình ở đâu đó cùng?

Nguồn

2010-02-19 09:40:49 Paul

+0

Mã mẫu là đủ để thử nghiệm. Chỉ cần dán mã vào Chrome của bạn để có giao diện. – Billy

0

Nó làm việc cho tôi trong Chrome 4.0.249.78 (36.714), bạn có thể xem một bản sao lưu trữ? .... Hãy thử đổ bộ nhớ cache trang của bạn (tôi đã tìm thấy chrome rất thích bộ nhớ cache của nó)

Nguồn

2010-02-19 09:58:11

+0

Nó không phải là vấn đề bộ nhớ cache. Tôi đang sử dụng Windows XP. Vấn đề chỉ xảy ra trong hệ điều hành nhất định? – Billy

+0

Tôi có thể xem mã html bạn đã đăng và tôi đang sử dụng Chrome trên Windows XP Pro (được thừa nhận là phiên bản cũ hơn và phiên bản beta có hỗ trợ tiện ích), bộ nhớ cache là điều duy nhất tôi có thể nghĩ đến nếu bạn đang sử dụng cùng một html cơ bản như bạn đã dán trong OP của mình. Điều gì sẽ xảy ra khi bạn sử dụng tùy chọn trình đơn "kiểm tra phần tử", nó có hiển thị như có kích thước phông chữ nhỏ hơn không? ... hoặc có vẻ như nó đang bị ghi đè theo một cách nào đó không? –

+0

Điều gì về việc xem tệp html của bạn trong cửa sổ ẩn danh? ... Xin lỗi nhưng tôi vẫn bị kẹt trên đó là bản sao tệp được lưu trong bộ nhớ cache (tôi mất tuổi để thay đổi hình đại diện Stack Overflow của mình và hiển thị nó trong chrome do bộ nhớ đệm quá mức của nó) ... mặc dù nó sẽ hiển thị chính xác trong cửa sổ ẩn danh (vì nó đang bỏ qua bộ đệm) –

1

Có tùy chọn kích thước phông chữ tối thiểu không? Nó được đặt thành 12px? Được kích hoạt trang/văn bản? Bạn có bất kỳ loại plugin Chrome nào thay đổi nội dung trang không?

Nguồn

2010-02-19 10:24:01 eyelidlessness

+0

Tôi cũng đang tìm kiếm một phông chữ tối thiểu, nhưng tôi không thể tìm thấy nó. Tuy nhiên, không có nghĩa là tiền tố không được ẩn ở đâu đó. – Anonymous

+0

Tôi đang sử dụng cài đặt mặc định và không có bất kỳ plugin nào. – Billy

+1

@Anonymous Để thay đổi kích thước phông chữ tối thiểu trong Chrome, hãy: cài đặt> cài đặt nâng cao> nội dung web> kích thước phông chữ> tùy chỉnh phông chữ rồi cuộn xuống dưới cùng và bạn sẽ thấy thanh trượt 'kích thước phông chữ tối thiểu'. – user1794295

0

Bạn đã thử đặt mệnh đề "quan trọng" phía sau kiểu phông chữ? Điều này sẽ ghi đè mọi thứ khác. Ít nhất thì bạn sẽ biết nơi để tìm kiếm vấn đề. Như thế này:

<p style="font-size:6px !important;">test 6px</p>

Nguồn

2010-02-19 12:34:40 Erik

+0

Điều đó không cần thiết khi anh ấy sử dụng thuộc tính kiểu thay vì quy tắc kiểu. –

5

Theo hỗ trợ http://www.google.com/support/forum/p/Chrome/thread?tid=389f306a52817110&hl=en Chrome hỗ trợ kích thước phông chữ tối thiểu. Nếu bạn mở "Documents and Settings\User_Name\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences" trong một trình soạn thảo văn bản, bạn có thấy giống như sau ?:

"webkit": { 
     "webprefs": { 
     "default_fixed_font_size": 11, 
     "default_font_size": 12, 
     "fixed_font_family": "Bitstream Vera Sans Mono", 
     "minimum_font_size": 12, 
     "minimum_logical_font_size": 12, 
     "sansserif_font_family": "Times New Roman", 
     "serif_font_family": "Arial", 
     "standard_font_is_serif": false, 
     "text_areas_are_resizable": true 
     } 
    }

Đóng Chrome, thay đổi kích thước phông chữ tối thiểu, và khởi động lại Chrome có thể giúp đỡ.

Nguồn

2010-02-19 17:10:51

+0

Xem câu trả lời "Digi3 Colin" liên quan đến sửa lỗi CSS: '-webkit-text-size-tuning: none;' http://stackoverflow.com/questions/2295095/font-size-12px-doesnt-have-effect-in- google-chrome/4316700 # 4316700 –

0

Chrome không cho phép bạn đặt kích thước tối thiểu nhỏ hơn 6 điểm. Và văn bản dễ đọc A LOT nhỏ hơn trên màn hình Retina.

Nguồn

2013-04-10 19:59:02

1

Chrome có cài đặt kích thước phông chữ tối thiểu. Tôi đã được thiết lập để 11px (theo mặc định) vì vậy tôi đã phải thay đổi nó để xem kích thước phông chữ nhỏ hơn.

Để thay đổi kích thước phông chữ tối thiểu trong Chrome, hãy: cài đặt> cài đặt nâng cao> nội dung web> kích thước phông chữ> tùy chỉnh phông chữ> cuộn xuống dưới cùng và bạn sẽ thấy thanh trượt 'kích thước phông chữ tối thiểu'.

Nguồn

2014-03-05 16:53:09 user1794295

1

Tương tự cho safari. Tôi đoán điều này được đặt thành 9px vì lý do trợ năng. Bí quyết là không dựa vào việc làm cho phông chữ của bạn nhỏ, vì vậy mà bạn đang thổi chúng lên trong css thay vì giảm chúng. Điều này có liên quan cụ thể nếu tạo phông chữ của riêng bạn bằng cách sử dụng một cái gì đó như icnmoon. Vì vậy, ở đây là tốt nhất để giảm kích thước hình chữ nhật trong phông chữ, do đó bạn đang đặt chúng khá lớn trong css của bạn và bạn tránh đặt chúng xuống dưới 9px nếu người dùng 'thu nhỏ'.

Kích thước phông chữ thú vị: 0 vẫn hoạt động ngay cả khi kích thước phông chữ tối thiểu được đặt thành 9px trong tùy chọn trình duyệt của bạn.

Về máy tính bảng và điện thoại thông minh và các thiết bị khác, nó có thể là có thể sử dụng sau đây để tránh điều chỉnh kích thước văn bản tự động bằng cách sử dụng sau đây:

-webkit-text-size-điều chỉnh: none;

-moz-text-size-adjustment: none,

-webkit-text-size-tuning: none;

-ms-text-size-tuning: none;

điều chỉnh kích thước phông chữ: không;

Điều này thực sự có thể phá vỡ khả năng truy cập trang web của bạn trên các thiết bị này nhưng theo tôi biết không có cách nào để điều chỉnh kích thước văn bản trình duyệt của bạn khi nó đứng trên các thiết bị này. Họ dường như chỉ được điều chỉnh tự động, tùy thuộc vào tình huống có thể là một chút bí ẩn. Các lệnh này có thể ngăn chặn điều đó, nhưng tôi nghĩ rằng phông chữ tối thiểu mặc định được đặt trong tùy chọn trình duyệt của bạn có thể ghi đè cài đặt đó, ít nhất là trong một số trình duyệt.

Nguồn

2014-05-01 10:59:58 dan

9

-webkit-text-size-adjust không còn làm việc sau phiên bản Chrome 27.

Hãy thử sử dụng transform để refuce font-size forcely.

font-size:12px; 
transform: scale(0.833);/*10/12=0.833, font-size:10px*/

Nguồn

2016-01-27 03:45:53 Jaskey

-2

bạn có thể sử dụng

body { 
 
font-size:125%; 
 
}

thiết 0.5em = 10px.

Nguồn

2016-05-09 12:12:16 benzford

+1

Vấn đề có vẻ là một cái gì đó cục bộ với máy tính của Billy như được đánh giá bởi những bình luận của những người dùng khác. Ngoài ra, câu trả lời của bạn không giải thích lý do kích thước phông chữ của Chrome chỉ thay đổi khi phông chữ được đặt thành giá trị cao hơn 12px theo câu hỏi của anh ấy. Có lẽ hãy thử xây dựng trên câu trả lời của bạn và đảm bảo kiểm tra mã HIS cũng như mã CỦA BẠN. Nếu bạn không thể tái tạo lỗi của mình, bạn không thể kiểm tra bản sửa lỗi được đề xuất của mình. – Frits

+0

Chào mừng benzford - lời khuyên của tôi dành cho bạn là tập trung vào các câu hỏi mới không cũ. Như @Frits nói rằng bạn cần phải thực sự để crack câu trả lời, đặc biệt là một trong đó có một câu trả lời được chấp nhận cao. Persevere! – micstr

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

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