Почему якорные теги не работают в мобильном представлении? - PullRequest
Новая
       19

Почему якорные теги не работают в мобильном представлении?

0 голосов
/ 24 октября 2019

Я пишу код электронной почты, но не уверен, почему моя ссылка <a/> не работает в мобильном режиме в портретном режиме. В горизонтальном и настольном режиме он работает нормально. Я просмотрел бесчисленные сообщения SO и другие разные материалы по этой проблеме, но безрезультатно.

Я попытался добавить z-index: -1; к своему тегу <img/>, но это ничего не дало (это было последнее, что я пробовал). Что я делаю не так? 

@media screen and (max-width: 600px){
     .width-320 {
        width: 320px !important;
     }

     .overload {
        display: block !important;
     }

}


<tr>
<td class="width-320" width="600">
    <table cellspacing="0" cellpadding="0">
        <tbody>
        <tr>
            <th class="overload width-320" width="240">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                    <tr>
                        <td class="width-320" width="600"><a href="www.google.com"> <img class="hide" style="display: block;" src="myImage" alt="The Image" width="600" height="295" border="0" /> </a></td>
                    </tr>
                    </tbody>
                </table>
            </th>
        </tr>
        </tbody>
    </table>
</td>

...