-1

我有一个响应式 HTML 页面，带有转到 optin 和 optout 页面的按钮。对于移动设备，我想隐藏该按钮并显示另外两个按钮。我不是在看特定的手机，而是看屏幕尺寸：

/* 移动端媒体查询 */

    @media screen and (max-width: 480px) {  

    /* This resizes tables and images to be 100% wide with a proportionate width */
    table[class=emailwrapto100pc], img[class=emailwrapto100pc]{width:100% !important; height:auto !important;}

    /* Hide stuff on mobiles */
    table[class=emailnomob],td[class=emailnomob],img[class=emailnomob],span[class=emailnomob]{display:none !important;}

我用它来隐藏页面底部的选项卡，并将链接显示为大按钮。但是，我不只是重新格式化链接，而是想完全使用不同的链接。

（因为在手机上打字很麻烦，所以我想用一个填好的 mailto: 代替，所以这个人不必输入任何东西）。

4

1 回答 1

0

答案就在我面前……我已经定义了两个类。

    <class="emailmobbutton">

使链接变成一个大按钮，然后

    <class="emailnomob">

这是我的按钮代码：

    <td align="center" style="padding-bottom:20px;"><a href="#" class="emailmobbutton">
Our Website</a><span class="emailnomob"> | </span>

这就是我改变的：

    <span class="emailnomob"><a href="#">Join now</a></span>
    <span class="emailnomob"> | </span>
    <span class="emailmobbutton"><a href="#">Send mail</a>

奇迹般有效。现在可以使用 mailto: 作为链接。

于 2013-05-19T15:41:52.270 回答