Css+Div 设置 PC/Mobile 自动显示判断代码

2022-05-01T20:21:00

PC 显示/手机隐藏:

在需要隐藏的区域加一个Div,例如想在 PC 端显示手机隐藏 picture 这张图片,代码如下:

<div class="m"><img src="https://sep.cc/picture.jpg"/></div>

如果想设置屏幕尺寸达到了 767 像素以下将会隐藏,否则显示。

则把DIV加一个样式代码如下:

@media screen and  (max-width: 767px)  {

.m{

display:none; }

}

PC 隐藏/手机显示:

<div class="pc"><img src="https://sep.cc/picture.jpg"/></div>

如果想设置屏幕尺寸达到了 767 像素以上将会隐藏,否则显示。

则把DIV加一个样式代码如下:

.pc{

display: none;

}

@media  (max-width: 767px)  {

.pc{

display: block !important;

}

}
当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »