İyi günler,
Websitenizin tasarımında mobil için uyarlama yaparken tanımlamanız gereken bir metatagı tanımlamamışsınız.

<meta name="viewport" content="width=device-width, initial-scale=1">

Yukarıdaki kodu sitenize tanımlarsanız mobildeki boyutlandırma işlemlerindeki genel sorunu çözmüş olacaksınız.

Peki ne işe yarar bu tanımlama? Normal şartlarda mobil cihazların hemen hemen hepsinin ekran çözünürlüğü full hd olmasına rağmen bilgisayar ekranlarına göre daha küçük olduklarından yüksek çözünürlükte yazıları normalde olduğundan çok daha küçük gösterecektir. Mobil tarayıcılarda bu sıkıntıyı çözmek ve okunabilirliği arttırmak için yukarıda bahsettiğim şekilde bir tanımlama yapmanız gerekecek. Bu şekilde zoom-out yapılmış gibi gözüken website görüntünüzden kurtulacaksınız.