HTML メールにハイパーリンクを追加しようとしていますが、CSS3 を介してモバイルでのみ追加します。それを行うCSS3プロパティはありますか?
質問する
204 次
2 に答える
2
This is not possible via CSS.
You have a couple options:
- Something like
<span class="mobile"><a href="the link">The link</a></span><span class="desktop">No link</span>
plus a@media
query to show/hide the two spans on different device sizes. - Style the link on desktop via a
@media
query so it looks like normal text (i.e.color: #000; cursor: default; text-decoration: none;
)
于 2013-10-21T15:11:08.593 に答える
1
ceejayoz はかなり近いです。少し考え方を変えるしかありません。
モバイル/小さい画面にのみハイパーリンクを配置する場合は、インライン css@media
と<head>
. @media
(注。クエリが変更されないように、メール サービス プロバイダーを通じてメールを送信することをお勧めします。)
これが私がとるアプローチです。
CSS
@media only screen and (max-width: 480px){
a[class="link"] {
font-size: 12px !important;
color: #000001 !important;
text-decoration: underline !important;
}
}
HTML
<a class="link" href="http://yourlink.com" style="font-size: 1px; color: #ffffff; text-decoration: none;">yourlink.com</a>
また、すべてのモバイル メール クライアントが@media
クエリを正しく認識できるわけではないことにも言及しておく必要があります。たとえば、Android 上の Gmail は、レスポンシブ HTML メールを開発する場合、うまく機能しません。
于 2013-10-22T03:47:06.110 に答える