IF語句需要以一定的寬度顯示文本，並且只在主頁上顯示

-1

我想知道是否有if語句可以使用，只會在網站的首頁顯示一些文本（我有達到），但也b）只顯示這個文字達到一定的寬度（1126px）。IF語句需要以一定的寬度顯示文本，並且只在主頁上顯示

這裏是我到目前爲止，我的header.php裏面......

<div class="contact-details"> 

<?php if (is_front_page()) { 
      echo '020 1234 1234 <span>|</span> <a href="">test</a>'; 
} 

?> 

</div>

注：這是一個WordPress網站。

來源

2017-08-02 Fuller93

PHP沒有任何「屏幕寬度」的線索。你已經用'media-queries'標記了這個標籤，所以你似乎已經意識到了解決這個問題的恰當工具。那麼，你真正的問題是什麼......？ – CBroe

如果您需要顯示特定分辨率的文本，請使用CSS類，查看媒體查詢。 '@media屏幕和（最大寬度：1126px）'.. –

用標準媒體查詢和響應式設計技術來處理寬度範圍。您的條件檢查應該適用於靜態主頁。 – UncaughtTypeError

現在排序了這一點:) - 刪除了PHP if語句，只是使用CSS。

.contact-details { 
display: block; /* other styles were above this line */ 
} 

body.home .contact-details { 
    display: block; 
} 

@media (max-width: 1024px) { 
    .contact-details { 
     display: none; 
} 
}

來源

2017-08-02 15:27:40 Fuller93

你將不得不使用JS來隱藏元素，如果它是大於給定尺寸更大：

if($(".contact-details").width() > 1126) { 
    $(".contact-details").hide(); 
}

來源

2017-08-02 14:36:29 DrRoach

IF語句需要以一定的寬度顯示文本，並且只在主頁上顯示

回答

相關問題