Question

我想删除一个菜单，当我的屏幕尺寸为480px时，将其替换为另一个菜单。

我认为对我来说最简单的方法是创建两个面板，然后在屏幕尺寸为＆lt;时将menu1设置为false。 480px - 和菜单2到真

当屏幕尺寸> 481px menu2为false，menu1为true，你知道：

$args = array(
'post_type' => 'articles',
'posts_per_page' => -1,    // important to display all post

    'date_query' => array(
        array(
            'after' => 'January 1st, 2014',
            'before' => 'December 31st, 2016',
        ),
     ),

'tax_query' => array(
array(
'taxonomy' => 'article_categories',
'field'    => 'term_id',
'terms'    => array( 18, 19, 20, 21, 22, 24 ),

),
),
);

//print_r($args);           
$query = new WP_Query( $args );

这可能吗？我使用bootstrap，如果这给你一个更好的图片。感谢。

Answer 1

一个简单的bootstrap解决方案可能正在使用隐藏类。您的两个菜单如下：

<div class="hidden-xs hidden-sm">

</div>

<div class="hidden-md hidden-lg">

</div>

第一个div将隐藏在额外的小型和小型显示器上。第二个div将隐藏在中型和大型显示器上。如果你想在屏幕尺寸上更精确，我会说使用CSS媒体查询。

asp.net c＃面板屏幕尺寸变化

1 个答案: