У меня есть тег привязки внутри тега абзаца, который содержит 3 слова, когда он отображается в моем браузере (Google Chrome), размер текста абзаца и текст привязки совпадают, однако при просмотре на моем iPhone в Safari текст тега привязки становится намного меньше, чем остальная часть абзаца ...
Как я могу это исправить и сделать текст тега привязки того же размера, что и остальная часть абзаца при просмотре на мобильном телефоне?
Я пытался установить размер шрифта привязки на 100%, но он, похоже, не работает ..
Мой код для этого следующий:
<div class="middlecontainer">
<h2>A Little Background About Myself.</h2>
<div class="backgroundparagraph">
<p>I was born on September 7, 2000, in Guadalajara, Mexico, where I lived for about 13 years of my life. When I finished 6th grade, my family and I moved to Texas, where I graduated from <a class="intext-link" href="http://schools.friscoisd.org/campus/high-school/centennial/home">Centennial High School</a> in the summer of 2019. After graduation, I went to Munich for a semester to study German in order to open the possibilty of studying business management and engineering in Germany. Then when the coronavirus pandemic hit in 2020 and we were prompted
to stay quarantined and practice social distancing, I decided to learn code. This website is my first project towards mastering my programming skills, because developing an app has always been a dream of mine.</p>
<img class="graduationpic" src="images/graduation.jpg" alt="graduation-img">
</div>
<hr>
</div>