当前位置: 开发笔记 > 前端 > 正文

@mediascreen媒体查询实现页面自适应布局

作者：qlb | 来源：互联网 | 2023-01-23 09:48

@mediascreenand(min-width:1200px){大于等于1200px才会进入}@media

@media screen and (min-width:1200px){
　　//大于等于1200px才会进入
}

@media screen and (max-width:375px) {
　　//小于等于375可以进入

        html {
            background: red;
        }
    }

由此可见，边界都包含在内。

更多参考连接 https://www.runoob.com/cssref/css3-pr-mediaquery.html

推荐阅读

css
GoogleLog(GLog)源码分析

本文分析和介绍了GLo ... [详细]

蜡笔小新 2024-09-30 15:14:04
css
WebBrowser控件（1）

WindowsPhone7内置了一个强大的网络浏览器，该浏览器的内核是基于桌面版的InternetExplorer7（Mango版基于InternetE ... [详细]

蜡笔小新 2024-09-30 16:56:38
css
Vue项目结构分析

Vue项目结构分析-项目结构重点在src文件夹：assets——静态资源，如css，jscomponents——公共组件router——路由文件（vuecli3.x没有自 ... [详细]

蜡笔小新 2024-09-30 20:43:16
css
新闻发布系统需求分析

1做一个网站的步骤清楚需求和大概的效果（登录主题新增查看主题列表）2清楚数据库和结构3需要静态资源(htmlcss图片)登录表用户表主题表新闻的id主 ... [详细]

蜡笔小新 2024-09-30 20:22:48
css
POJ2253(floyd)

FroggerTimeLimit:1000MSMemoryLimit:65536KTotalSubmissions:32257Accepted:10396DescriptionFr ... [详细]

蜡笔小新 2024-09-30 20:13:09
css
九宫格计算

九宫格计算. ... [详细]

蜡笔小新 2024-09-30 19:37:45
html
实验六团队作业2：团队项目选题

实验六团队作业2：团队项目选题实验时间2019-4-18(19)Deadline：2019-4-2410:00，以团队随笔博文提交至班级博 ... [详细]

蜡笔小新 2024-09-30 19:00:12
css
22.Container With Most Water（能装最多水的容器）

thecontainercontainsthemos ... [详细]

蜡笔小新 2024-09-30 18:33:10
html
腾讯投资十勇士，后者致力于精品游戏研发

企查查APP显示，近日，浙江十勇士网络科技有限公司发生工商变更，新增股东广西腾讯创业投资有限公司，同时公司注册资本由1319.44万元人民币增加至1552.28万元人民币。企查查信 ... [详细]

蜡笔小新 2024-09-30 18:27:26
console
下载 apk 并打开

１.安装cordovapluginaddcordova-plugin-file-transfercordovapluginaddcordova-plugin-fi ... [详细]

蜡笔小新 2024-09-30 18:18:40
html
c调用c++对象中的方法

普通调用https:www.cnblogs.comYogurshinep3913073.htmlhttps:zhidao.baidu.comquestion531286375.h ... [详细]

蜡笔小新 2024-09-30 17:40:02
html
C++ 基础面试题2

请写出一下程序的输出内容***2018032122:02:03**Brief:**Author:ZhangJianWei**Email:Dream_Dog163.com* ... [详细]

蜡笔小新 2024-09-30 17:25:03
html
开发笔记:Codeforces 986C AND Graph dfs

原文链接https://www.cnblogs.com/zhouzhendong/p/9161514.html ... [详细]

蜡笔小新 2024-09-30 17:03:02
css
HTTP 请求/响应的步骤

HTTP请求响应的步骤第一步：第二步：第三步：第四步：第五步第一步：1.客户端连接到Web服务器⼀个HTTP ... [详细]

蜡笔小新 2024-09-30 16:44:08
html
一个小故事，玩转Pythonwhile循环

无论是传统编程场景还是当下火爆的人工智能应用场景，循环的应用都是必不可少的，上一篇文章中阐述了如何使用for循环来进行编程，这篇文章将会由 ... [详细]

蜡笔小新 2024-09-30 16:40:40

qlb

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章