HTML部分内容只在手机端显示内容(自适应)

2021年6月17日14:32:42 发表评论
广告也精彩

在css布局的后面加上唐山网站建设

@media (min-width: 768px){#name{display:none;}}

这段代码的意思是当屏幕宽大小大于768px时执行{}内的css样式,即id名为name显示。

下面是三种屏幕大小不同时应该适应的media类型

/* 小屏幕(平板,大于等于 768px) */

@media (min-width: @screen-sm-min) { ... }

 

/* 中等屏幕(桌面显示器,大于等于 992px) */

@media (min-width: @screen-md-min) { ... }

 

/* 大屏幕(大桌面显示器,大于等于 1200px) */

@media (min-width: @screen-lg-min) { ... }

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
ts小陈

发表评论(请规范评论)--评论需审核

:?: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :cry: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :neutral: :razz:

已登录用户不需要填写以下内容