Trying to incorporate rem units to respect user-defined font-size:
Initially, I included the following line in my CSS file:
html { font-size: 62.5%; }
Subsequently, I applied font-size using rem units to my element. For example:
.header{
font-size: 1.5rem;
}
On desktop and simulators, the implementation works smoothly as expected. Altering the browser's font size setting reflects appropriately on the page’s font size adjustment. Conversely, when tested on devices like iPhones:
1) Navigate to Settings > General > Accessibility > Larger Text. 2) Tap Larger Accessibility Sizes for larger font alternatives. 3) Adjust the slider to choose your preferred font size.
No changes are observed at all on iPhones. Are there any specific techniques or workarounds that need to be utilized, or is this functionality plausible at all?