Specific scaling issue p tag

  • Resolved ronnieduke

    (@ronnieduke)


    7 months, 3 weeks ago

    Hi, the p tag does not scale properly on iPhone 13 and 15 (my test devices) in portrait mode. The problem is that the p font size scapes up and displays bigger than the H2 head when I turn the device in portrait mode. I cannot reproduce this when using the same Chrome or Firefox responsive setting on Mac. There it show correctly.

    I am using the TT4 theme with WordPress 6.5.2. See below images, two cases each shown in landscape and portrait mode. You can see that the p font scales up (not correct) whereas the h2 font size does not change (in my view correct).

    Any help highly appreciated!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter ronnieduke

    (@ronnieduke)

    Further to this issue, the font size of the P tag changes to 21px in portrait mode (from 16.6 calculated in landscape mode). H2 does -correctly- not change (remains 16.6px).

    On the same page there are two list items. The <li>’s of one of the lists also changes to 21px while the other list behaves correctly.

    How can this be resolved?

    Moderator Felipe Santos

    (@foosantos)

    Hi there,

    Do you remember if you added custom CSS that could be changing the native behaviour?

    I don’t use iPhone, so I have not tested further, but can you try to reproduce the same on this page here? https://wptest-multisite.mystagingwebsite.com/twenty-twenty-four/headings/

    Thread Starter ronnieduke

    (@ronnieduke)

    Hi, no I did not change CSS impacting font size.

    Your test page shows the same behavior. In portrait mode the H3 font is slightly bigger than the text below:

    in Landscape mode, the P size is bigger that the size of the H3 Tag. See below

    Is this a bug?

    Thread Starter ronnieduke

    (@ronnieduke)

    Anyone?

    Thread Starter ronnieduke

    (@ronnieduke)

    Topic closed and rephrased in a new topic

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Specific scaling issue p tag’ is closed to new replies.