-1

オプトインとオプトアウトのページに移動するためのボタンを備えたレスポンシブ HTML ページがあります。モバイルでは、そのボタンを非表示にして、代わりに他の 2 つのボタンを表示したいと考えています。私は特定の携帯電話を見ているのではなく、画面サイズに注目しています。

/* モバイル向けのメディアクエリ */

    @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

The answer was in my face... I had the two classes already defined. 

    <class="emailmobbutton">

to make the link into a big button and

    <class="emailnomob">

This was my code for the buttons:

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

And this is what I changed: 

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

Works like a charm. Can use mailto: as link now.

于 2013-05-19T15:41:52.270 に答える