当前位置： 首页 > news >正文

移动web（三）

news 文章来源：https://blog.csdn.net/weixin_58035422/article/details/129120903 2025/1/16 21:06:55

her~~llo，我是你们的好朋友Lyle，是名梦想成为计算机大佬的男人！

博客是为了记录自我的学习历程，加强记忆方便复习，如有不足之处还望多多包涵！非常欢迎大家的批评指正。

媒体查询

目标：能够根据设备宽度的变化，设置差异化样式

开发常用写法

   媒体特性常用写法

  • max-width
  • min-width

书写顺序

  • min-width（从小到大）
  • max-width（从大到小）

完整写法

关键词

  • and
  • only
  • not

媒体类型

媒体是用来区分设备类型的，如屏幕设备、打印设备等，其中手机、电脑、平板都属于屏幕设备。

类型名称值描述
屏幕screen带屏幕的设备
打印预览print打印预览模式
阅读器speech屏幕阅读模式
不区分类型all默认值，包括以上3种情形

媒体特征

媒体特性主要用来描述媒体类型的具体特征，如当前屏幕的宽高、分辨率、横屏或竖屏等。

特性名称属性值
视口的宽和高width、height数值
视口最大宽或高max-width、max-height数值
视口最小宽或高min-width、min-height数值
屏幕方向orientation

portrait: 竖屏

landscape: 横屏

外链式CSS引入 

相关文章：

移动web（三）

her~~llo，我是你们的好朋友Lyle，是名梦想成为计算机大佬的男人！ 博客是为了记录自我的学习历程，加强记忆方便复习，如有不足之处还望多多包涵！非常欢迎大家的批评指正。 媒体查询 目标：能够根据…...

编程日记 2023/5/6 0:10:49

macbook怎么运行exe文件 mac打开exe文件的三大方法

exe文件是Windows系统的可执行文件，虽然Mac系统上无法直接打开exe文件，但是你可以在Mac电脑上安装双系统或者虚拟机来实现mac电脑上运行exe文件。除了这两种方法之外，你还可以在Mac电脑上使用类虚拟机软件打开exe文件，这三种方法各…...

编程日记 2023/5/6 0:10:48

GoldenGate(OGG)高可用XAG部署

前言: 本文档主要描述通过Oracle Grid Infrastructure Agents (XAG)基于Oracle RAC实现GoldenGate(OGG)软件高可用的实施操作 环境信息： 源端 目标端 节点一IP 节点二IP 192.168.1.84 192.168.1.86 节点一IP 节点二IP 192.168.1.200 192.168.1.210 VIP 192.…...

编程日记 2023/5/5 5:02:02

如何使用Docker容器部署O2OA(翱途)开发平台与OnlyOffice的集成版本？

O2OA(翱途)开发平台[下称O2OA平台或者O2OA]默认可以和OnlyOffice进行集成来实现在线文档编辑以及流程集成。开发者可以直接安装O2OA官网的OnlyOfficeO2Server的Docker版本用于体验。本文将详细介绍如何安装O2OA OnlyOffice的Docker版本。OnlyOffice Docs Sever可以单独安装,O2…...

编程日记 2023/5/5 5:01:57

springboot复习（黑马）（持续更新）

学习目标基于SpringBoot框架的程序开发步骤熟练使用SpringBoot配置信息修改服务器配置基于SpringBoot的完成SSM整合项目开发一、SpringBoot简介1. 入门案例问题导入SpringMVC的HelloWord程序大家还记得吗？SpringBoot是由Pivotal团队提供的全新框架，其设计…...

编程日记 2023/5/6 0:10:46

K_A16_001 基于STM32等单片机驱动HX711称重模块 串口与OLED0.96双显示

K_A16_001 基于STM32等单片机驱动HX711称重模块 串口与OLED0.96双显示一、资源说明二、基本参数参数引脚说明三、驱动说明对应程序:四、部分代码说明1、接线引脚定义1.1、STC89C52RCHX711称重模块1.2、STM32F103C8T6HX711称重模块五、基础知识学习与相关资料下载六、视频效果展…...

编程日记 2023/5/6 0:10:44

单例模式之饿汉式

目录 1 单例模式的程序结构 2 饿汉式单例模式的实现 3 饿汉式线程安全 4 防止反射破坏单例 5 总结 单例模式（Singleton Pattern）是 Java 中最简单的设计模式之一。所谓单例就是在系统中只有一个该类的实例，并且提供一个访问该实例的全局…...

编程日记 2023/5/6 0:10:42

软件测试培训三个月，找到工作了11K，面试总结分享给大家

功能方面：问的最多的就是测试流程，测试计划包含哪些内容，公司人员配置，有bug开发认为不是 bug怎么处理，怎样才算是好的用例，测试用例设计方法（等价类，边界值等概念方法）&…...

编程日记 2023/5/6 0:10:40

Hbase备份与恢复工具Snapshot的基本概念与工作原理

数据库都有相对完善的备份与恢复功能。备份与恢复功能是数据库在数据意外丢失、损坏下的最后一根救命稻草。数据库定期备份、定期演练恢复是当下很多重要业务都在慢慢接受的最佳实践，也是数据库管理者推荐的一种管理规范。HBase数据库最核心的备份与恢复工具——Sna…...

编程日记 2023/5/4 22:33:40

RTOS中事件集的实现原理以及实用应用

事件集的原理 RTOS中事件集的实现原理是通过位掩码来实现的。事件集是一种用于在任务之间传递信号的机制。在RTOS中，事件集通常是一个32位的二进制位向量。每个位都代表一个特定的事件，例如信号、标志、定时器等。 当一个任务等待一个或多个事件时&…...

编程日记 2023/5/4 20:39:16

计及新能源出力不确定性的电气设备综合能源系统协同优化（Matlab代码实现）

运行视频及运行结果： 计及碳排放成本的电-气-热综合能源系纷充节点能价计算方法研究（Matlab代码实现）目录 第一部分 文献一《计及新能源出力不确定性的电气设备综合能源系统协同优化》 0 引言 １ 新能源出力不确定性处理 1.1 新…...

编程日记 2023/5/4 16:19:43

推荐几个超实用的开源自动化测试框架

有什么好的开源自动化测试框架可以推荐？为了让大家看文章不蒙圈，文章我将围绕3个方面来阐述： 1、通用自动化测试框架介绍 2、Java语言下的自动化测试框架 3、Python语言下的自动化测试框架 随着计算机技术人员的大量增加，通过编写…...

编程日记 2023/5/6 0:10:37

Mac 上解压缩 RAR 文件

RAR 在十几年前的互联网曾叱咤风云般的存在。在那时，你所能见到的压缩文件几乎都是 RAR 格式，大家在 Windows 上使用的压缩、解压缩软件基本都是 WinRAR。虽然这些年使用 RAR 格式的压缩包的情况在逐渐减少，但是你还是经常能在国内各种网站下…...

编程日记 2023/5/6 0:10:35

C++核心编程＜引用＞(2)

c核心编程<引用>2.引用2.1引用的基本使用2.2引用注意事项2.3引用做函数参数2.4引用做函数返回值2.5引用的本质2.6常量引用2.引用 2.1引用的基本使用 作用: 给变量起别名语法:数据类型 &别名 原名演示#include<iostream> using namespace std; void func();i…...

编程日记 2023/5/6 0:10:33

零入门kubernetes网络实战-20-＞golang编程syscall操作tun设备介绍

《零入门kubernetes网络实战》视频专栏地址 https://www.ixigua.com/7193641905282875942 本篇文章视频地址(稍后上传) 本篇文章主要是使用golang自带的syscall包来创建tun类型的虚拟网络设备。 注意&#xff1a; 目前只能使用syscall包来创建tun类型的虚拟设备。 tun虚拟网…...

编程日记 2023/5/6 0:10:32

springboot之自动配置

文章目录前言一、配置文件及自动配置原理1、配置文件2、yaml1、注解注入方式给属性赋值2、yaml给实体类赋值3、Properties给属性赋值二、springboot的多环境配置四、自动配置总结前言 1、自动装配原理 2、多种方式给属性赋值 3、多环境配置 4、自动配置 一、配置文件及自动配置…...

编程日记 2023/5/6 0:10:30

wxpython设计GUI：wxFormBuilder工具常用布局结构介绍之布局四—面板拼接式

python借助wxFormBuilder工具搭建基础的GUI界面—wxFormBuilder工具使用介绍&#xff1a;https://blog.csdn.net/Logintern09/article/details/126685315 布局四&#xff1a;面板拼接式&#xff0c;先Panel面板构图&#xff0c;再使用程序代码在Frame框架上拼接面板 下面讲一下…...

编程日记 2023/5/6 0:10:27

全网最全之接口测试【加密解密攻防完整版】实战教程详解

看视频讲的更详细&#xff1a;https://www.bilibili.com/video/BV1zr4y1E7V5/? 一、对称加密 对称加密算法是共享密钥加密算法&#xff0c;在加密解密过程中&#xff0c;使用的密钥只有一个。发送和接收双方事先都知道加密的密钥&#xff0c;均使用这个密钥对数据进行加密和解…...

编程日记 2023/5/6 0:10:26

Python - 目录文件(OS模块) 常用操作

目录os模块的方法os.path()模块的方法使用示例示例一&#xff1a;简单使用示例二&#xff1a;获取文件夹下指定条件的文件os模块的方法 方法说明os.listdir(path)取得指定文件夹下的文件列表os.mkdir(path)创建一个名为path的文件夹os.open(file, flags)打开一个文件&#xff…...

编程日记 2023/5/6 0:10:24

把本地代码初始化到远程git仓库

本地代码&#xff0c;推送到远程的git仓库。第一种方法第一步&#xff1a;建立远程的git仓库第二步&#xff1a;拉取git仓库到本地第三步&#xff1a;将本地代码复制到本地的git拉下来的文件夹中第四步&#xff1a;代码提交即可git add . --> git commit -m 初始化 --> g…...

编程日记 2023/5/6 0:10:22

关于angular中的生命周期函数

生命周期函数&#xff0c;也叫生命周期钩子。 Angular的每个组件&#xff08;包括根组件和子组件&#xff09;都存在一个生命周期&#xff0c;从创建、更新、到销毁&#xff0c;Angular提供组件生命周期钩子函数&#xff0c; 组件的生命周期从实例化组件类并渲染组件视图及其…...

编程日记 2023/5/6 0:10:20

【拼图】拼图游戏-微信小程序开发流程详解

还记得小时候玩过的经典拼图游戏吗&#xff0c;上小学时&#xff0c;在路边摊用买个玩具&#xff0c;是一个正方形盒子形状&#xff0c;里面装的是图片分割成的很多块&#xff0c;还差一块&#xff0c;怎么描述好呢&#xff0c;和魔方玩具差不多&#xff0c;有没有听说叫二维的…...

编程日记 2023/5/6 0:10:18

第六章 opengl之光照（颜色）

OpenGL光照颜色创建一个光照场景光照 颜色 颜色由RGB组成&#xff0c;分别是红色&#xff0c;绿色&#xff0c;蓝色。举例定义一个颜色向量&#xff1a; glm::vec3 coral(1.0f, 0.5f, 0.31f);而在现实中&#xff0c;人眼看到的是 物体反射后的颜色&#xff0c;也就是说不能被…...

编程日记 2023/5/6 0:10:16

C语言-基础了解-19-C位域

C位域 一、C位域 如果程序的结构中包含多个开关量&#xff0c;只有 TRUE/FALSE 变量&#xff0c;如下&#xff1a; struct {unsigned int widthValidated;unsigned int heightValidated; } status;这种结构需要 8 字节的内存空间&#xff0c;但在实际上&#xff0c;在每个变…...

编程日记 2023/5/6 0:10:14

MapReduce全排序和二次排序

排序是MapReduce框架中最重要的操作之一。MapTask和ReduceTask均会对数据按照key进行排序。该操作属于Hadoop的默认行为。任何应用程序中的数据均会被排序&#xff0c;而不管逻辑上是否需要。默认排序是按照字典顺序排序&#xff0c;且实现该排序的方法是快速排序。对于MapTask…...

编程日记 2023/5/6 0:10:12

【Vue3】封装数字框组件

数量选择组件-基本结构 &#xff08;1&#xff09;准备基本结构 <script lang"ts" setup name"Numbox"> // </script> <template><div class"numbox"><div class"label">数量</div><div cla…...

编程日记 2023/5/6 0:10:09

C++-简述strcpy、sprintf 和 memcpy 的区别

回答如下&#xff1a; strcpy 函数&#xff1a;用于将一个字符串&#xff08;以 NULL 结尾&#xff09;从源地址复制到目标地址。函数原型为 char* strcpy(char* destination, const char* source)。需要注意的是&#xff0c;该函数会复制整个字符串&#xff0c;包括 NULL 终止…...

编程日记 2023/5/6 0:10:06

用CPU大法忽悠ChatGPT写前端，油猴子工具库+1

文章目录用CPU大法忽悠ChatGPT写前端&#xff0c;油猴子工具库1源起对话1. 作为一名天才js程序员&#xff0c;开发一个油猴子脚本&#xff0c;实现所有浏览器网页的自动下滑功能&#xff0c;每一个步骤都加上中文注释2. 加一个按钮&#xff0c;只有我点击了按钮才会开始自动下滑…...

编程日记 2023/5/6 0:10:04

初识虚拟DOM渲染器

初识虚拟DOM渲染器什么是虚拟DOM什么是渲染器渲染器的实现组件是什么什么是虚拟DOM 首先简单说一下什么是虚拟DOM&#xff0c;虚拟DOM就是一个描述真实DOM的JS对象 例如&#xff1a; 真实的DOM元素 <div onClick"alert(click me)">click me</div>可以…...

编程日记 2023/5/7 2:53:38

工作日志day03

同时构建静态和动态库 //如果用这种方式&#xff0c;只会构建一个动态库&#xff0c;虽然静态库的后缀是.a ADD_LIBRARY(hello SHARED ${LIBHELLO_SRC}) ADD_LIBRARY(hello STATIC ${LIBHELLO_SRC}) //修改静态库的名字&#xff0c;这样是可以的&#xff0c;但是我们往往希望他…...

编程日记 2023/5/6 0:10:03

重庆做营销网站建设/上海推广服务

package dog;public class Demo4 {public static void main(String []args){Worker w1 new Worker("小m",22,5003.45f);System.out.println(w1.name);// System.out.println(w1.salary); 因为salary是私有的&#xff0c;外部不能直接访问。所以报错System.out.printl…...

编程日记 2025/1/16 19:30:10

wordpress手机不方便/seo站长工具平台

调整分区后盘符不见是比较常见的数据恢复案例&#xff0c;需要注意&#xff0c;调整分区后盘符不见后不要再重建新的分区。保护好资料丢失现场&#xff0c;可以最大程度的恢复出资料。具体的恢复方法看正文了解。 工具/软件&#xff1a;星空数据恢复软件 步骤1&#xff1a;先百…...

编程日记 2025/1/16 18:25:36

seo企业网站优化/长沙优化网站厂家

1.某公司取得贷款2000万元&#xff0c;年利率12%&#xff0c;要求5年内每年年末等额偿还&#xff0c;则每年的偿还额大约为&#xff08;&#xff09;。 A.555万元 B.545万元 C.520万元 D.400万元 2.资本资产定价模型把任何一种风险资产的价格都归纳为以下几个因素&#xff08…...

编程日记 2025/1/16 15:38:03

佛山专业网站营销/阿里大数据分析平台

领导力的36个关键 下载没有交易权 与生产线经理不同&#xff0c;您通常不以产品负责人的身份管理开发团队和利益相关者 &#xff0c;个人也不向您报告。 因此&#xff0c;您没有任何交易权 &#xff1a;您无法告诉别人该怎么做&#xff1b; 您不能为其分配任务&#xff1b; 并且…...

编程日记 2025/1/16 15:06:26

政府网站建设申论/辽宁网站seo

很多小伙伴会经常私信来问我问题&#xff0c;有些来不及回答&#xff0c;实在抱歉&#xff01;本篇有点长&#xff01;看到最后&#xff0c;给自己一个学习的地方&#xff01;Python的火热&#xff0c;也带动了工程师们的就业热。那么&#xff0c;Python的市场需求和工程师待遇…...

编程日记 2025/1/16 13:33:19

网站注册信息查询/旺道网站排名优化

#!/bin/bashecho -n Count:tput sccount0while true;doif [ $count -lt 40 ];thenlet count;sleep 1;tput rctput edecho -n $count;elseexit 0;fidone使用Shell实现一个倒计时&#xff0c; 其中&#xff0c;tput sc 是存储光标位置&#xff0c; tput rc 是恢复光标位置 tput …...

编程日记 2025/1/16 13:30:14