2013-04-07 10 views
9

Tôi đang cố gắng hiểu việc sử dụng -webkit-text-size-adjust:none;.Điều chỉnh -Webkit-text-size có tác dụng gì?

Thêm/xóa không ảnh hưởng đến kích thước phông chữ của tôi trên android (chrome) hoặc iOS (safari và chrome). Vì vậy, việc sử dụng là gì?

+1

Việc xóa không thay đổi bất kỳ điều gì, vì 'none' là giá trị mặc định. – MarcinJuraszek

+2

Tôi nghĩ 'auto' là mặc định. – user1437328

+3

Câu hỏi này không phải là về ý kiến, hay giá trị cảm xúc - nhưng khá rõ ràng và thẳng thắn "Tôi đã thử xyz và nó dường như không có ảnh hưởng, vì vậy giúp tôi cộng đồng hiểu xyz." - nên được mở lại. –

Trả lời

1

Dường như không có bất kỳ thông số được xuất bản nào của -webkit-text-size-adjust, nhưng có nghĩa là description không chính thức, có nội dung hoạt động trong Safari trên iPhone.

Theo CSS Mobile Text Size Adjustment Module Level (Bản nháp của người biên tập), auto là giá trị ban đầu, vì vậy -webkit-text-size-adjust:none sẽ chỉ có hiệu lực khi ghi đè cài đặt đặt thuộc tính thành giá trị khác. Có lẽ -webkit-text-size-adjust hoạt động chủ yếu theo cùng cách với thuộc tính được lập kế hoạch text-size-adjust.

3

-webkit-text-size-adjust là một experimental technology chỉ định điều chỉnh kích thước để hiển thị nội dung văn bản trong Safari trên iPhone. Phải có 3 loại giá trị:

  • none: Kích thước văn bản không được điều chỉnh.

  • tự động (mặc định): Kích thước văn bản được tự động điều chỉnh cho Safari trên iPhone.

  • Kích thước theo phần trăm để hiển thị văn bản trong Safari trên iPhone.

Chỉ một số trình duyệt di động hỗ trợ thuộc tính CSS này bên cạnh iOS. Bạn có thể kiểm tra khả năng tương thích here

6
-webkit-text-size-adjust 

Nó chỉ ra rằng nếu bạn (tác giả) muốn để thay đổi kích thước văn bản khi trang trình duyệt được thu nhỏ. Hầu hết các lần tốt hơn là đặt nó thành auto hoặc 100% vì trình duyệt web sẽ xử lý việc thay đổi kích thước văn bản.

Lưu ý: Trang devlopers Mozilla cho biết nó một non-standard

article Điều này sẽ giúp bạn nhiều hơn.

Thú vị lưu ý: Các nhà phát triển sử dụng Twitter Bootstrap có thể quan tâm để biết rằng Bootstrap sử dụng ‑webkit‑text‑size‑adjust: 100% out of the box: Source Link

Sửa

Chrome trên điện thoại Android sử dụng font boosting, vì vậy -webkit-text-size-adjustbị bỏ qua cho dù bạn đặt giá trị nào. Bạn có thể tắt phông chữ bằng cách đặt max-height thành thứ gì đó lớn (100000px hoặc hơn) xem số này bug.

+0

chỉ cần đọc ghi chú bootstrap. nhưng thành thật mà nói, tôi nghĩ câu hỏi của tôi vẫn chưa được trả lời.Bây giờ tôi đã học được rằng bằng cách sử dụng 'none' là xấu cho các trình duyệt máy tính để bàn, nhưng làm thế nào là nó chính xác ảnh hưởng đến các trình duyệt di động? Tôi chỉ không thấy bất kỳ thay đổi nào về việc thiết lập thuộc tính thành 'none'. – user1437328

+0

trình duyệt bạn đang sử dụng là gì? –

+0

safari + chrome trên iOS 6 (ipad) và chrome trên Android 4.2 (nexus) – user1437328