body, table {
font-size: 34px;
text-size-adjust: 100%; /* Prevent automatic scaling */
-webkit-text-size-adjust: 100%; /* For WebKit browsers */
}
Why Does This Fix Work?
- text-size-adjust: 100% disables automatic font scaling on smaller screens, ensuring that all text respects the font-size you’ve defined.
- By applying this rule to both the body and table, you ensure consistency between these elements across all screen sizes.