將href短信更改為具有響應式設計的href mailto？

Question

如果設備不支持短信，即未在手機（iPhone，Android等）上查看網頁，是否可以將href短信更改為href mailto？

我設法制作了一個“呼喊”按鈕，該按鈕使用短信發送網頁的網址，但是我希望在不通過電話查看時（即在平板電腦上查看網頁時）將其更改為mailto，筆記本電腦等

這是我整理的代碼：

<section id="shout">
    <button class="button shout"><a href="sms:?&body=mysite.com" class="shoutButton">Shout</a></button>
</section>

我正在使用外部CSS文件來設置頁面和按鈕的樣式。 它似乎可以在我嘗試過的所有手機上使用，所以很酷。 我已經研究過使用@media，但這似乎不是正確的方法，並且我嘗試了其他方法，但均未成功。 我給了它一個不錯的選擇，但是我的技能不是很好，因此任何幫助將不勝感激。

謝謝 ：）

Answer 1

您將創建兩個鏈接，並且僅基於CSS @media查詢顯示一個鏈接。

 /* Default Style (mobile first!) */ .phone { display:inline; } .desktop { display:none; } /* Desktops */ @media screen and (min-width:1024px) { .phone { display:none; } .desktop { display:inline; } } 

 <section id="shout"> <button class="button shout phone"> <a href="sms:?&body=mysite.com" class="shoutButton">Shout from Phone</a> </button> <button class="button shout desktop"> <a href="mailto:something@something.com" class="shoutButton">Shout from Desktop</a> </button> </section>