品牌出海 -
外贸推广、英文网站营销、独立站SEO

自适应手机端如何隐藏某个区块

css隐藏内容主要分为3总情况:

①隐藏所有内容无空白:display: none;

②隐藏溢出的文字或图片:overflow:hidden;

③隐藏内容但是仍然占据空间:visibility:hidden;

比如说你的pc端和移动端都有友情链接,仅适用于自适应的网站,那么我们如何处理这个问题呢?我们可以通过规定css来进行隐藏相关的内容。

一、前端代码找到需要隐藏区块的class或者id也可以

二、通过上面的内容可以得出css样式的class是footer-tag

三、那么根据上述的css样式就可以得出我们的内容写法应该是下面的,把它写到本页面调用的css文件即可,也可以写入公共调用css文件。

@media (max-width: 840px)
pages.css:159
.footer-tag {

display: none;
}
文章类别:服务器

如有转载,请注明本文链接: https://www.qi70.com/5582.html

赞(2) 外贸合作微信:Aiziji5267_
有任何问题或者外贸0-1建设合作联系微信:Aiziji5267_,本站点的内容仅供学习、分享与交流,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。知识文章以及源码仅供参考学习,当使用本站时,代表你已接受本站的声明和隐私原则等条款。70外贸通_外贸跨境电商运营推广网站 » 自适应手机端如何隐藏某个区块
分享到: 更多 (0)
标签:

亚马逊、国际站代运营,独立站建设,外贸B2B、B2C合作加微信(w5267q) 抢沙发

专业网站运营,云服务器技术分享!

阿里云优惠购买购物优惠网

如有需要或者帮助可以加我微信:Aiziji5267_

支付宝扫一扫打赏

微信扫一扫打赏