如何根據媒體大小隱藏帶有CSS的PHP頁面

Question

我正在嘗試將我的網站更新為響應式。 我在頁面上的php中有幾個包含項。 使用媒體查詢大小時，我想在電話大小時隱藏其中之一。 有可能用CSS隱藏它嗎？

<?php include('slideshow.html'); ?> 

感謝您的任何建議！

Answer 1

您可以在php文件包含之前放置一個div，並根據移動分辨率將其隱藏。 像下面的例子。

<div class="slide_show">
<?php include('slideshow.html'); ?> 
</div>

的CSS

<style type="text/css">
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.slide_show {
   display:none;
}
}