媒体查询

TE杨 TE杨 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 100+累计阅读 132平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄7年
关注
原创 最新推荐文章于 2026-03-11 00:05:19 发布 132 阅读 AI 写同款· GEO 优化 ›
Win11 1 月更新黑屏循环故障技术分析与解决方案 2026年1月30日Windows 11更新引发黑屏循环故障，主要影响2018年前出厂、采用MBR分区及特定BIOS固件的设备，尤其对使用经典版Outlook（POP协议）的用户影响显著。故障表现为系统无限重启黑屏，导致数据访问中断。分析表明，问题源于硬件兼容性、分区格式与系统更新的交互冲突。解决方案包括进入安全模式回滚更新、暂停自动更新、升级驱动/BIOS，以及等待微软官方补丁。建议用户更新前评估硬件兼容性并备份数据，企业环境应建立分阶段更新测试机制。该事件为系统更新风险管理提供了重要参考。 阅读详情

@media screen and (min - width:768px) and (max-width : 960px){
代码在里面写， 会进行样式的覆盖
}
media 查询 screen 屏幕
min-width 最小宽度 max-width 最大宽度

收录于
css

当前文章被收录于：

css
24 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
开源鸿蒙具身机器人（ROS2框架）：从内核驱动到智能算法的完整实践 本指导文档旨在为开发者提供完整的开源鸿蒙(OpenHarmony)具身机器人开发解决方案，涵盖从底层驱动到上层ROS2应用的全栈开发流程。文档结合OpenHarmony内核驱动移植技术和ROS2机器人操作系统，为具身机器人开发提供详细的技术指导。具身机器人(Embodied Robot)是指具有物理实体、能够感知环境并与之交互的智能机器人系统。感知-决策-执行闭环多模态传感器融合(视觉、听觉、触觉、力觉)实时环境感知与理解智能决策与规划精确运动控制执行具身智能特性物理世界交互能力。 阅读详情

相关推荐

如何降低 Claude Code 封号风险：实用指南

本文针对 Claude Code 用户频繁遭遇账号封禁的问题，提供了一套经过实战验证的解决方案。通过分析封号的根本原因——共享VPN导致的IP异常标记，文章详细介绍了如何通过"独立服务器+中转服务+环境配置"三步走策略，显著降低封号风险。

goodparty的专栏 2132

@media媒体查询——详解

媒体查询的核心思路，就是根据不同的设备宽度设置断点，然后书写css样式覆盖之前的样式。 1、媒体类型 media属性用于为不同的媒介类型规定不同的样式： screen 计算机屏幕（默认值） tty 电传打字机以及使用等宽字符网格的类似媒介 tv 电视类型设备（低分辨率、有限的屏幕翻滚能力） projection 放映机 handhel...

winne雪 9709

NXP S32K1 SPI驱动实战：从配置到DMA传输的完整流程解析

本文深入解析了NXP S32K1系列MCU的SPI驱动开发全流程。基于S32 Design Studio环境，详细阐述了从引脚配置、LPSPI模块初始化，到实现阻塞、中断及DMA三种传输模式的实战代码与配置要点。文章重点剖析了DMA传输的配置细节与性能优化，旨在帮助开发者构建高效、稳定的嵌入式SPI通信，并提供了SPI Flash驱动的综合案例。

blue42的博客 716

媒体查询 @Media

随着智能手机的普及，响应式布局的使用也是日益增长现在许多网站都在应用这项技术，也方便了我们的生活毕竟不能去哪都带着电脑吧 所以媒体查询就出来了只需要一套代码就能在不同的大小的设备上面正确显示。 媒体查询 媒体查询可以让我们根据设备显示的特征（视口宽度、屏幕比列、设备方向）来设定CSS样式，媒体查询有媒体类型和一个或多个检测媒体特征的条件表达式组成。 meta标签 在网页头部添加这一行代码 &lt...

qq_44820039的博客 3858

基于 YOLO + SAM 的自动图像标注实战

摘要： 本文提出一种基于YOLO检测和SAM分割的自动化数据标注流水线方案，通过YOLO定位目标并生成检测框，再以检测框为提示驱动SAM完成精细分割，最终输出YOLO格式的标注文件。该方案将人工标注升级为半自动流程，显著提升标注效率，尤其适用于多类别、大规模图像的实例级标注需求。代码模块化设计支持模型灵活替换，并集成异常处理与进度可视化功能。虽依赖YOLO检测质量且对小目标存在局限，但作为工程落地方案，可有效降低私有数据集构建成本，适用于工业检测、遥感等场景的冷启动标注。

qq_64366203的博客 1147

熵权法+TOPSIS完整教学：用Python评估大学科研实力（含雷达图绘制技巧）

本文提供了一套完整的熵权法与TOPSIS综合评价方法在Python中的实现教程，以高校科研实力评估为例，详细讲解了从数据预处理、客观权重计算、综合排序到结果可视化的全流程。重点介绍了如何利用Python进行数据清洗与转换，通过熵权法自动确定指标权重，并结合TOPSIS模型计算各院校与理想解的相对接近度进行排名。教程还包含了使用Matplotlib绘制专业雷达图的技巧，帮助读者直观呈现多维数据的对比分析结果，适用于各类多指标决策与绩效评估场景。

weixin_28520495的博客 416

JavaScript 媒体查询

首先在 CSS3 中引入的媒体查询构成了响应式 Web 设计的核心组件。应用程序应根据每种类型设备(如手机、平板电脑、笔记本电脑、台式计算机)的限制进行定制，媒体查询提供了一种根据正在查看应用程序的设备大小设置视口尺寸的简便方法。 媒体查询允许您根据屏幕大小不同的视口尺寸，还可以帮助您为不同的设备不同的样式属性，包括设置方案、字体样式、设置和动画、边框和动画，以及您可能认为的几乎任何其他 CSS ...

lio-zero 的博客 2283

电力工程师必看：GOOSE/SV/MMS三协议在智能变电站中的分工与联动实例

本文深入解析了智能变电站中GOOSE、SV、MMS三大核心通信协议的分工与协同机制。GOOSE协议作为过程层的“闪电信使”，负责毫秒级传输跳闸命令等事件信息；SV协议则传输精确同步的电流电压采样值流；而MMS协议作为站控层的“管理语言”，实现设备监控与数据管理。三者基于IEC 61850标准，在过程层、间隔层和站控层之间高效联动，共同构建了智能变电站稳定可靠的通信骨架。

jj890的博客 366

CSS3 媒体查询

CSS3媒体查询（MediaQuery）语法的特性①使用@media查询，可以针对不同的媒体类型定义不同的样式；②@media可以针对不同的屏幕尺寸设置不同的样式；③当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面；④目前针对很多苹果手机、Android手机，平板等设备都用得到多媒体查询....

m0_67401417的博客 5756

安装anaconda3时出现错误：Failed to link extracted packages to D:\anaconda!...如何解决？

🏆本文收录于 《全栈 Bug 调优（实战版）》 专栏。专栏聚焦真实项目中的各类疑难 Bug，从成因剖析 → 排查路径 → 解决方案 → 预防优化全链路拆解，形成一套可复用、可沉淀的实战知识体系。无论你是初入职场的开发者，还是负责复杂项目的资深工程师，都可以在这里构建一套属于自己的「问题诊断与性能调优」方法论，助你稳步进阶、放大技术价值 。

**My Coding Family** 1481

华为ONU远程登录管理配置

华为P602E、EG8040CONU、EG8240H5、W626E等ONU、ONT默认无法配置管理IP，无法远程telnet登录管理。校园网项目中因故障诊断需要远程登录ONU可以通过OLT的远程WEB代理功能链接登录，具体配置如下：

symstandsun的博客 6109

【Web前端】响应式CSS 媒体查询

CSS媒体查询（Media Queries）是响应式设计中的核心技术之一，帮助我们在不同设备上展示不同的样式。通过媒体查询，开发者可以检测用户设备的特性，如屏幕宽度、高度、分辨率、方向等，针对性地调整网页布局。

一条晒干的咸鱼的博客 2802

蓝牙模块HM-10手册

蓝牙模块HM-10手册，该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

CSS3：媒体查询

媒体查询增强了媒体类型方法，允许根据特定的设备特性应用样式，可以使网站呈现的样式适应不同的屏幕尺寸等。媒体查询包含一个媒体类型和0个或多个表述媒体特征的表达式。媒体查询可以用在style中或者样式表中，用在style中的语法如下： @media logic type and (feature: value) { /* 目标CSS样式规则写在这里 */ } 例如： @media scre

宁静致远 8614

OV9734 DATASHEET，完整规格书

OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

css之媒体查询

因为移动端的尺寸不同,但是，在移动端屏幕上显示的元素的大小是相同的元素的尺寸大小，要根据屏幕尺寸的大小发生变化媒体类型（media types）描述设备的一般类别媒体特性描述了 user-agent输出设备 或是浏览器环境的具体特征。

weixin_43465508的博客 9170

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表，创建专业级图表以简化复杂的信息。

Bootstrap媒体查询

开发工具与关键技术：VS Bootstrap 作者:听民谣的老猫 撰写时间：2019/4/27 11:07 最近在抠模板过程中开发的一个新知识领域Bootstrap 网格系统。 如果你想过同一个页面，手机有手机的样式布局，平板有平板的样式布局。不同设备样式布局也不同。那么你可以通过Bootstrap 网格系统来达到这一想法。 通过屏幕的大小来分辨你使用的设备 额外的小设备（手机，...

猫老爷 2953

浅谈媒体查询

最近用到了媒体查询，关于媒体查询做一个简单的介绍。 媒体查询主要功能是实现响应式，在特定条件下触发样式，达到响应式的效果。 使用方法 1.最小宽度 min-width表示在屏幕宽度大于等于768px时触发。 @media screen and (min-width: 768px) { } 2.最大宽度 @media screen and (max-width: 768px) { } max-width表示在屏幕宽度小于等于7

zkx529的博客 1390

媒体查询 @media

定义好top盒子的固定样式，注意其高度设为1rem，字体大小为0.5rem。在屏幕上、最小的宽度为320像素时字体大小为50px。（1）需求1： 在屏幕上、最大的宽度为800像素时body背景颜色为粉色。我们有两个div盒子，当我们屏幕宽度>=640px，则div一行显示2个；先分别建两个css文件，名字分别为style640.css 、style320.css。（3-1）原理：直接在link中判断设备的尺寸，然后引入不同的css文件。每种媒体类型都具有不同的特性，根据不同的媒体类型设置不同的展示风格。

2301_76669854的博客 1638

vue 中的媒体查询

媒体查询

ximingx 1万+

CSS媒体查询

媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。

weixin_42570389的博客 4878

媒体查询总结

摘要：响应式设计中相对单位（vw/vh/em/rem/%）与媒体查询有不同的应用场景。相对单位实现自动伸缩布局，媒体查询则用于精细调整特定视口的样式。二者结合使用能提升兼容性。媒体查询语法为@media 媒体类型 and (条件){样式}，常见类型包括screen/print等。示例展示了如何通过媒体查询在768px断点处调整容器宽度、布局方向和字体大小，实现移动端适配。相对单位与媒体查询协同工作，使界面在不同设备上都能良好呈现。（149字）

2503_90377662的博客 574

web前端基础——媒体查询

1、媒体查询 1.1 介绍 能够根据设备宽度的变化，设置差异化的样式 媒体特性常用写法： 1.max-width 2. min-width 样例代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo

NGUP_LEE的博客 2979

CSS媒体查询详细解读

一 CSS媒体查询使用的背景： 现今每天都有更多的手机和平板电脑问市。消费者能够拥有可想象到的各种规格和形状的设备，但是网站开发人员却面临一个挑战：如何使他们的网站在传统浏览器、手机和平板电脑浏览器上有很好的效果，如何在各种大小的屏幕上提供一流的用户体验,答案是：采用响应式设计。响应式设计可以随所显示的屏幕大小而改变。实现响应式设计的主要方法是使用 CSS 媒体查询。 二 响应式设计： ...

renqianying325的博客 2109

css媒体查询解析

1、媒体查询介绍:媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。

tjsnbb的博客 1323

CSS媒体查询看这篇就够了

灵魂三问： 什么是媒体查询 为什么要媒体查询 媒体查询具体用法 1、什么是媒体查询 媒体查询就是可以根据浏览器的特性（窗口大小、横竖屏、屏幕比例等）为此设定不同的 CSS 样式。 2、为什么要媒体查询 我们在制作网页的时候，希望可以根据用户的屏幕特性而展现不同的网页内容，让用户体验更好。 3、媒体查询具体用法 早在 CSS2 开始就已经支持媒体查询了，只不过和 CSS3 不太一样。以下是 CS...

薛小科的博客 2305

CSS Media媒体查询使用大全，完整媒体查询总结

前面的话 　　一说到响应式设计，肯定离不开媒体查询media。一般认为媒体查询是CSS3的新增内容，实际上CSS2已经存在了，CSS3新增了媒体属性和使用场景(IE8-浏览器不支持)。本文将详细介绍媒体查询的内容 媒介类型 　　在CSS2中，媒体查询只使用于<style>和<link>标签中，以media属性存在 　　media属性用于为不同的媒介类型规定不同的样式...

仗剑天涯，从摘要开始 968
上一篇： 关于js原型和原型链
下一篇： it does not contain a package.json file
点赞 0
评论 0
书签 书签 1
TE杨
TE杨
博客等级 码龄7年 56粉丝 124原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值