Question

嗨，谢谢，我想在手机和手机上隐藏一个div id。创建最小屏幕尺寸。任何小于997px宽度的东西都是我想隐藏div id的地方。

我的CSS

@media only screen and (min-device-width : 997px) {
    #DIV_1 { display:none; }
}
#DIV_1 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    height: auto;
    position: relative;
    width: 222px;
    perspective-origin: 111px 279.5px;
    transform-origin: 111px 279.5px;
    border: 0px none rgb(51, 51, 51);
    font: normal normal normal normal 16px/16px Arial, Helvetica, sans-serif;
    margin: 0px 0px 30px;
    outline: rgb(51, 51, 51) none 0px;
}/*#DIV_1*/

这是链接 https://www.superherodigital.com/services/graphic-design/

灰色侧边栏是DIV_1

Answer 1

您目前正在使用min-device-width: 997px，这意味着如果屏幕尺寸大于#div_1，则应隐藏997px。您应该使用(max-width : 997px)，而@media-query应放在样式表的末尾。

将此代码添加到样式表中：

#DIV_1 {
     display: block;
     box-sizing: border-box;
     color: rgb(51, 51, 51);
     cursor: default;
     height: auto;
     position: relative;
     width: 222px;
     perspective-origin: 111px 279.5px;
     transform-origin: 111px 279.5px;
     border: 0px none rgb(51, 51, 51);
     font: normal normal normal normal 16px/16px Arial, Helvetica, sans-serif;
     margin: 0px 0px 30px;
     outline: rgb(51, 51, 51) none 0px;

@media (max-width : 997px) {
     #DIV_1 { display:none; }
}

在屏幕大小上隐藏div id

1 个答案: