Question

我正在创建一个html esignature。尽管相同的样式应用于所有文本，但仍然有一行文字，iPhone不断扩大。我读过--webikit-text-size-adjust：none;应该防止这种情况，但它不起作用。这是我特定表格单元格的代码。

<td valign="bottom" class="tag" style="display: block; width: 280px; height: 18px; padding-right: 6px; padding-top: 2px; text-align: right;">
<a style="font-family: Arial; font-size: 11px; line-height: 20px; font-weight: 500; color:#585859; white-space: nowrap; -webkit-text-size-adjust: none;">branding <span style="color: #db1e17;">|</span> communications <span style="color: #db1e17;">|</span> interactive</a>
</td>

在我上面专门针对iPhone的媒体查询中，我的代码是：

@media screen and (max-device-width: 480px) and (max-device-height: 320px), screen and (max-device-width: 320px) and (max-device-height: 480px){ 
td.tag {
width: 136px !important;
height: 7px !important;
padding-top: 2px !important;
padding-right: 3px !important;  
}

td.tag a{
font-size: 5px !important;
line-height: 9px !important;
-webkit-text-size-adjust: none;}

你能看出我的错误吗？

Answer 1

我会把它放在媒体查询之外。

div, p, a, li, td { -webkit-text-size-adjust:none; }

此时您所做的就是告诉手机永远不要为所有元素设置最小字体大小。

-webkit-text-size-adjust：none;不在iPhone上工作

1 个答案: