DIV中实现部分模块自动手机端隐藏 PC端显示CSS代码判断实现自适应
文章目录
由
Deepseek提供支持
广告
实现方法:
CSS判断控制路:
.wppc{
display: block;
}
@media (max-width: 767px) {
.wppc{
display: none !important;
}
}
那么我们用相反的方法实现
自动PC端隐藏 手机端显示CSS代码判断实现自适应该怎么做呢?
方法很简单:根据以上代码得出 display:block是在web端显示的,然后dispaly:none在手机端不显示。
由此我们可以得出:
.wppc{
display: none;
}
@media (max-width: 767px) {
.wppc{
display: block !important;
}
}
方法是不是很简单呢,关注我,带你零基础学习web前端开发。
温馨提示 : 非特殊注明,否则均为©李联华的博客网原创文章,本站文章未经授权禁止任何形式转载;来自:俄亥俄州·哥伦布 ,欢迎您的访问!
文章链接:https://www.lilianhua.com/automatically-hide-the-css-code-on-the-mobile-phone-and-display-on-the-pc.html
文章链接:https://www.lilianhua.com/automatically-hide-the-css-code-on-the-mobile-phone-and-display-on-the-pc.html
English (US)
Español (ES)
Português (PT)
Français (CA)
Español (MX)
Español (VE)
Español (CO)
Español (AR)
Português (BR)
Quechua (PE)
Guaraní (PY)
简体中文 (ZH)
繁體中文 (HK)
日本語 (JP)
한국어 (KR)
हिन्दी (HI)
Pilipino (PH)
ไทย (TH)
Tiếng Việt (VN)
Bahasa Melayu (MY)
Bahasa Indonesia (ID)
বাংলা (BD)
اردو (PK)
සිංහල (LK)
ភាសាខ្មែរ (KH)
English (UK)
Français (FR)
Deutsch (DE)
Italiano (IT)
Русский (RU)
Nederlands (NL)
Türkçe (TR)
Polski (PL)
Svenska (SE)
Norsk (NO)
Dansk (DK)
Suomi (FI)
Ελληνικά (GR)
Čeština (CZ)
Magyar (HU)
Română (RO)
Български (BG)
Српски (RS)
Українська (UA)


