css3响应式写法

最新推荐文章于 2025-02-10 17:54:24 发布

原创最新推荐文章于 2025-02-10 17:54:24 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了使用CSS3媒体查询实现响应式布局的方法，通过设置不同屏幕尺寸下的样式规则，让网页能够在手机和PC端自适应展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css3响应式写法
我用的是媒体查询方法
这个手机和pc都用统一用下面的media
    
  


/*当页面宽度大于等于767px触发 不是手机端显示的css*/
@media (min-width: 767px){
    body{
        display: none;
    }
}
/*当页面宽度小于等于766px触发 手机端显示的css*/
@media (max-width: 766px){
    body{
        display: none;
    }
}



查看原文：http://newmiracle.cn/?p=1163