如何使用基于媒体大小的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;
}
}