Css+Div 设置 PC/Mobile 自动显示判断代码
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;
}
}