Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What does -webkit-text-size-adjust do?

I am trying to understand the use of -webkit-text-size-adjust:none;.

Adding/Removing that doesn't affect my font sizes on android (chrome) or iOS (safari and chrome). So what's the use?

like image 733
user1437328 Avatar asked Apr 07 '13 09:04

user1437328


People also ask

What osteopathic means?

Definition of osteopathy : a system of medical practice that emphasizes a holistic and comprehensive approach to patient care and utilizes the manipulation of musculoskeletal tissues along with other therapeutic measures (such as the use of drugs or surgery) to prevent and treat disease : osteopathic medicine.

What is an example of Osteopathic Medicine?

A Hands-On Approach DOs use osteopathic manipulative treatment (OMT) to help identify and correct the source of the underlying health concerns. They use this technique to help treat low back pain, as well as a variety of other health problems, including headaches and sinus issues.

What does D o mean in medical terms?

A doctor of osteopathic medicine (D.O.) is a fully trained and licensed doctor who has attended and graduated from a U.S. osteopathic medical school. A doctor of medicine (M.D.) has attended and graduated from a conventional medical school.

What osteopathic Manipulative?

Osteopathic manipulative therapy treats conditions that affect every system in the body, including the musculoskeletal system, digestive system, nervous system and immune system. By realigning the body and restoring balance to bones and muscles, OMT allows your entire body to work better as a whole.


2 Answers

-webkit-text-size-adjust 

It specifies that if you(author) want's to resize the text when the browser page is zoomed. Most of the times it is better to set it to auto or 100% as the web browser will take care of how resizing of text is to be done.

Note : Mozilla devlopers page says its a non-standard

This article will help you more.

Interesting note : Developers using Twitter Bootstrap may be interested to know that Bootstrap uses ‑webkit‑text‑size‑adjust: 100% out of the box : Source Link

Edit

Chrome on android phones uses font boosting, so -webkit-text-size-adjust is being ignored no matter what value you set. You can disable font boosting it by setting max-height to something large(100000px or so) see this bug.

like image 133
Amandeep Jiddewar Avatar answered Sep 22 '22 06:09

Amandeep Jiddewar


The -webkit-text-size-adjust is an experimental technology specifies a size adjustment for displaying text content in Safari on iPhone. It takes 3 type of value:

  • none: The text size is not adjusted.

  • auto(default): The text size is automatically adjusted for Safari on iPhone.

  • The size in percentage at which to display text in Safari on iPhone.

Only some mobile browsers do support this CSS property beside iOS. You can check the compatibility here

like image 24
Eli Avatar answered Sep 24 '22 06:09

Eli