Menu
Elements with css font-size <12px doesn't have effect in Google Chrome - remains font-size 12px.
What should I do?
My Google Chrome browser uses default settings. My version is 4.0.249.89. I am using Windows XP.
You can paste the following code to your Google Chrome to test it:
<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> Results from different browser: 
803
One is ensuring that default font sizes are not too small. Another is ensuring that text can be expanded to 200% on Web sites. For traditional computer monitors, a size of 12pt (=16px) for body is generally recommended for body text (depending on audience). Ensure that default fonts are no smaller than 9 pt (=12px).
Select the Menu button in the top-right corner of the browser window or press Alt + F on your keyboard. Select Settings. Click Appearance on the left-hand side then click Customise fonts on the right. Use the drop-down menus to choose which fonts to use for the Standard, Serif, San-serif and Fixed-width styles.
Font size affects the overall size of a page's font while the zoom function affects how far away or close the browser zooms in on each page, which can give the appearance of small or large font. Access Chrome's font and zoom options to reset each field to their default settings.
disable the auto adjustment by following style.
* { -webkit-text-size-adjust: none; } If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
