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

Question

我正在創建html簽名。儘管所有文本都採用了相同的樣式，但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; } 

此時你所做的只是告訴手機永遠不要爲所有元素設置最小字體大小。