如何隱藏在一個div移動

我有以下的登陸頁面 - Cold Call with Confidence 如何隱藏在一個div移動

但是也有一些與下面的代碼生成頁面上的兩個向下的箭頭：

<div class="content" style="padding-top:0px;"> 
    <div class="right sld_cont"> 
     <img src="http://coldcallwithconfidence.com/wp-content/uploads/2015/01/Arrow_comic_right_gray_T.png"> 
    </div> 
    <div class="left sld_cont"> 
     <img src="http://coldcallwithconfidence.com/wp-content/uploads/2015/01/Arrow_comic_right_gray_T1.png"> 
    </div> 
</div>

我想隱藏手機上的其中一個箭頭，因爲它在移動視圖中看起來重複。

任何人都可以解釋我可能會這樣做嗎？

來源

2015-01-05 zgall1

這看起來隱約像垃圾郵件問題... – ElGavilan

該網站有一個半烤着陸頁。這將是一個非常可憐的垃圾郵件嘗試（它不是）。 – zgall1

查看MobileDetect.js，然後您可以將其用作PHP if語句，並且只在不是移動設備時才顯示它。

if(!$detect->isMobile()) { 
    # desktop code 
}

編輯：

<?php if(!$detect->isMobile()) { ?> 
<div class="content" style="padding-top:0px;"> 
    <div class="right sld_cont"> 
    <img src="http://coldcallwithconfidence.com/wp-content/uploads/2015/01/Arrow_comic_right_gray_T.png"> 
    </div> 
    <div class="left sld_cont"> 
    <img src="http://coldcallwithconfidence.com/wp-content/uploads/2015/01/Arrow_comic_right_gray_T1.png"> 
    </div> 
</div> 
<?php } ?>

來源

2015-01-05 22:41:53 Lee

這超出了我有限的知識範圍。我是否將MobileDetect.js添加到，然後在我的HTML中使用if（！$ detect-> isMobile（））{ ＃桌面代碼 }代碼？ – zgall1

這將在PHP中工作。 Google MobileDetect.js，你會找到主頁。這是有據可查的。去一趟，然後回來並更新我們，如果你需要幫助！ – Lee

我檢查出來了。我添加了這個代碼 - - 至，但其他一切都是完全神祕的。我的PHP知識幾乎不存在，我的基本編程背景有限，所以我很難判斷出來。 – zgall1

我建議你尋找隱藏在可疊放的那些元素，而不是專門躲他們在移動設備上視右箭頭。

上一個答案根據您的問題是正確的，但我認爲這可能是一個更適合您的解決方案。

@media only screen and (max-width: 679px) { 
    .right.sld_cont { 
    display: none; 
    } 
}

這意味着，對於任何679px或更小的視口，右箭頭將被隱藏。

來源

2015-01-06 09:20:04 justinavery

如何隱藏在一個div移動

回答

相關問題