Html 对于mobilefirst方法，在mobilesize中隐藏某些列之后，如何以桌面大小显示所有表列

总共有3列，对于桌面版本，将显示所有列。 对于移动版本，仅显示前2列。 现在，对于桌面版和移动版，都显示了两列。桌面版本缺少第3列。想一想，谢谢

/*针对移动设备的响应式设计*/
#隐藏，隐藏2{
显示：无；
位置：相对位置；
保证金：0自动；
}
/*桌面设备的响应式设计*/
@介质（最小宽度：769px）{
}

A.
B
C
安娜
贝文
哭泣

始终应用css。到目前为止，媒体查询几乎毫无用处

#hide,#hide2 {
        display:none;
        position:relative;
        margin: 0 auto;
}

/* Responsive design for the desktop devices  */
@media (min-width: 769px) {
    #hide, #hide2 {
        display: block;
    }
}

---

根据您的评论回答更改

/*针对移动设备的响应式设计*/
#隐藏，隐藏2{
显示：无；
位置：相对位置；
保证金：0自动；
}
/*桌面设备的响应式设计*/
@介质（最小宽度：769px）{
#隐藏，隐藏2{
显示：块；
位置：相对位置；
保证金：0自动；
}
}

A.
B
C
安娜
贝文
哭泣

像这样做

/*桌面响应式设计*/
/*加载普通桌面css*/
/*移动设备的响应式设计*/
@介质（最大宽度：480px）{
#隐藏，隐藏2{
显示：无；
位置：相对位置；
保证金：0自动；
}
}

A.
B
C
安娜
贝文
哭泣

这将在桌面上隐藏它，并在手机上显示。与OP想要的正好相反。。答案已编辑。请再次检查@kartik Sharmathis与我的原始代码类似，因为我现在正试图修改我的代码，使之成为移动版，这样我的页面可以更快地呈现给移动用户。因此，我不使用媒体（最大宽度：768px），而是尝试使用媒体（最小宽度：768px），有什么想法吗？@epiphany…回答根据您的要求编辑。我已经尝试过了，但桌面上无法显示第三列查看我的awnser。我让它在最大宽度为480px时隐藏第三个冒号；当屏幕大于768px时，您正在隐藏某些内容；这类似于我的原始代码，因为我现在正试图修改我的代码，使之成为移动第一，这样我的页面可以更快地呈现给移动用户。因此，我没有使用媒体（最大宽度：768px），而是尝试使用媒体（最小宽度：768px）{因此它会在任何大于768px的屏幕上隐藏它，而这不是你想要的。它不会更快或更慢，内容就在那里，它只是隐藏或更改为最大宽度，以便在屏幕小于768px时隐藏；