我正在为网站创建流畅的布局。我试图隐藏 a 的内容<div>或整个<div>本身在移动视图中，但不在平板电脑和桌面视图中。
这是我到目前为止所得到的......
#title_message {
clear: both;
float: left;
margin: 10px auto 5px 20px;
width: 28%;
display: none;
}
我将移动布局的显示设置为“无”，并在平板电脑/桌面布局上设置为块...是否有更简单的方法来做到这一点，或者就是这样？
你需要两件事。第一个是@media screen在特定屏幕尺寸下激活特定代码，用于响应式设计。第二个是使用visibility: hidden属性。一旦浏览器/屏幕达到 600 像素，那么#title_message将会变得隐藏。
@media screen and (max-width: 600px) {
#title_message {
visibility: hidden;
clear: both;
float: left;
margin: 10px auto 5px 20px;
width: 28%;
display: none;
}
}
如果您正在使用其他移动 CSS，则只需添加visibility: hidden; to #title_message.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
