Как автоматически переместить текст на следующий в отзывчивом мобильном html?

Question

У меня есть тег с линией:

<h2 class="h2hdng" style="color:#000;font-size:40px;">Set up your <br/>Pacifyr payment account</h2>

В мобильном адаптивном представлении я написал:

@media (min-width: 0px) and (max-width:430px) {.h2hdng{
        font-size:13px;
        margin-left:75px;
        padding-bottom:0px;
        margin-bottom:4px;
        margin-top: -25px !important;


    }

Для всех видов все работает нормально, если я переключаюсь на galaxy s5. работает так же, если я выберу ipone5 view, он не работает,

Answer 1

удалить размер шрифта встроенного стиля style="color:#000;font-size:40px;", напишите его во встроенном или внешнем CSS. это будет работать нормально.

просто отрегулируйте размер шрифта там. Ваш текущий размер шрифта медиазапроса составляет 13 пикселей. вам нужно увеличить его. иначе это не будет хорошо выглядеть.