Home/ Questions/Q 9172349
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T16:19:29+00:00

I’m trying to present a simple message to the user in my mobile website.

  • 0

I’m trying to present a simple message to the user in my mobile website.
I want the message size approximately will be the same on mobile devices with similar screen size, for example iPhone and Samsung Galaxy (android).

I read a lot of posts on this issue, and many recommended to use -webkit-text-size-adjust: 100% to make it happen. But I didn’t understand how to use it…

The webpage:

<!DOCTYPE HTML>
<html>
<head>
    <style type="text/css">
        html { -webkit-text-size-adjust:100%; }
    </style>
</head>
<body>
    <div style="text-align:center;font-size:6em;-webkit-text-size-adjust:100%;">
        Hello World!
    </div>
</body>
</html>

The result:

Result

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Did you test the viewports meta?

    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, height=device-height"/>
    • 0