2

このサイトサイトのリンク右上に連絡先情報があり、携帯端末用の tel: リンクがあります。デスクトップで tel: リンクを非表示にする最善の (最も簡単な) 方法は? 今私はこれを持っています：

CSS: 

#header .contact-info1 { width: 253px; height: 50px; display: block; float: right;     background: url(contact-info1.png) 0 0 no-repeat transparent; margin-right: 39px; margin-    top: 110px; }
#header .contact-info2 { width: 292px; height: 51px; display: block; float: right;     background: url(contact-info2.png) 0 0 no-repeat transparent; margin-right: 0px; margin-    top: 30px; }

@media only screen and (max-device-width: 480px) {
#header .contact-info1-mobile { width: 253px; height: 50px; display: block; float:     right; cursor: pointer; background: url(contact-info1.png) 0 0 no-repeat transparent;     margin-right: 39px; margin-top: 110px; }
#header .contact-info2-mobile { width: 292px; height: 51px; display: block; float:     right; cursor: pointer; background: url(contact-info2.png) 0 0 no-repeat transparent;     margin-right: 0px; margin-top: 30px; }

HTML:

<a href="tel:+491796737741" class="contact-info1-mobile" ></a>
<div style="clear:right"></div>
<a href="mailto:info@rw-fliesen.com" class="contact-info2-mobile" ></a>

現時点では、デスクトップのリンクを非表示にしていますが、デスクトップのリンクを非表示にすると同時に、デスクトップの連絡先画像を表示するにはどうすればよいですか?

4

1 に答える 1

1

$(window).resizeを使用してそれを行うこともできますjquery

$(window).resize(function() {
    var width = $(window).width();
    if (width < 750) {
        // Do Something
    }
    else {
        //Do Something Else
    }
});

を使用して私のコメントのリンク言及としてブラウザを検出することによる別のオプションjQuery or javascript

于 2013-07-04T09:52:36.413 に答える