移动端基础

news2024/12/24 2:39:28

移动端基础

  • 一.了解
  • 二.视口
    • 1.视口形式
    • 2.视口标签
    • 3.viewport设置
  • 三.二倍图
    • 1.像素比
    • 2.多倍图
    • 3.背景缩放及使用（background-size）
    • 4.多倍图切图
  • 四.移动端开发选择
    • 1.单独制作
    • 2.响应式
    • 3.总结
  • 五.移动端技术解决方案
    • 1.初始化
    • 2.盒子模型
    • 3.特殊样式
  • 六.常见布局

一.了解

在这里插入图片描述
在这里插入图片描述

二.视口

1.视口形式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.视口标签

在这里插入图片描述

3.viewport设置

在这里插入图片描述

三.二倍图

1.像素比

pc是1px=1个物理像素
但是移动端不尽相同
所以有了多倍图
在这里插入图片描述

2.多倍图

在这里插入图片描述

3.背景缩放及使用（background-size）

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

4.多倍图切图

在这里插入图片描述

四.移动端开发选择

1.单独制作

在这里插入图片描述

2.响应式

在这里插入图片描述

3.总结

在这里插入图片描述

五.移动端技术解决方案

1.初始化

在这里插入图片描述

2.盒子模型

在这里插入图片描述

3.特殊样式

在这里插入图片描述

六.常见布局

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1571287.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

铸铁平台的平面度

铸铁平台的平面度

铸铁平台的平面度是指平台的表面平整程度，即平台表面与其理论平面之间的最大偏差。平台的平面度通常使用国际标准符号GD&T中的平面度符号（ⓨ）表示，单位为毫米（mm）或微米（μm）。 …
阅读更多...
【数据分析面试】10. 计算平均通勤时间（SQL：timestampdiff() 和datediff()区别）

【数据分析面试】10. 计算平均通勤时间（SQL：timestampdiff() 和datediff()区别）

题目 假设你在Uber工作。rides表包含了关于Uber用户在美国各地的行程信息。 编写一个查询，以获取纽约（NY）每位通勤者的平均通勤时间（以分钟为单位），以及纽约所有通勤者的平均通勤时间（以分钟为…
阅读更多...
Codeforces Round 836 (Div. 2) D. Range = √Sum

Codeforces Round 836 (Div. 2) D. Range = √Sum

题目 思路&#xff1a; #include <bits/stdc.h> using namespace std; #define int long long #define pb push_back #define fi first #define se second #define lson p << 1 #define rson p << 1 | 1 const int maxn 1e6 5, inf 1e18, maxm 4e4 5; c…
阅读更多...
Phpstorm配置Xdebug

Phpstorm配置Xdebug

步骤 1、先去官网找到对应的php xdebug的版本 2、配置phpstorm断点调试 网址&#xff1a;https://xdebug.org/ 查看php对应的xdebug版本&#xff1a;Xdebug: Support — Tailored Installation Instructions 1.1查看对应php xdebug版本 全选&#xff0c;复制到目标网址 我…
阅读更多...
数据恢复软件有哪些？适用于 Windows PC 的 10 款最佳免费数据恢复软件

数据恢复软件有哪些？适用于 Windows PC 的 10 款最佳免费数据恢复软件

数据已成为数字世界运作的主要来源。任何数据丢失都会对公司的日常活动产生巨大影响。它会影响过程的连续性。以下文章为您带来了各种简单且免费使用的数据恢复软件。 什么是数据恢复&#xff1f; 检索和恢复丢失、损坏、无法访问、损坏或意外删除的数据的过程称为数据恢复。这…
阅读更多...
B3631 单向链表(结构体模拟链表)

B3631 单向链表(结构体模拟链表)

输入格式 第一行一个整数 q表示操作次数。 接下来 q行&#xff0c;每行表示一次操作&#xff0c;操作具体间题目描述。 输出格式 对于每个操作 2&#xff0c;输出一个数字&#xff0c;用换行隔开。 #include<iostream> #include<map> #include<algorithm> …
阅读更多...
【随笔】Git 高级篇 -- 整理提交记录（上）（十五）

【随笔】Git 高级篇 -- 整理提交记录（上）（十五）

&#x1f48c; 所属专栏&#xff1a;【Git】 &#x1f600; 作  者&#xff1a;我是夜阑的狗&#x1f436; &#x1f680; 个人简介&#xff1a;一个正在努力学技术的CV工程师&#xff0c;专注基础和实战分享 &#xff0c;欢迎咨询&#xff01; &#x1f496; 欢迎大…
阅读更多...
设置Chrome打开链接在新标签页显示

设置Chrome打开链接在新标签页显示

Chrome版本 版本 123.0.6312.106&#xff08;正式版本&#xff09; &#xff08;64 位&#xff09; 下面这两个页面都有设置按钮&#xff1a; https://www.google.com/?pli1或者https://www.google.com/?hlzh-CN 要先退出账号&#xff0c;要不然看不到右下角的 “设置” 。…
阅读更多...
【Linux】进程控制之进程程序替换

【Linux】进程控制之进程程序替换

目录 前言 替换的原理 替换函数 记忆技巧 函数使用 execl execlp execv execvp execle execvpe 调用其它语言的程序 模拟实现一个shell 前言 关于本文可以先去看看上一篇【Linux】进程控制详解-CSDN博客可以更好的理解这里的内容 学完本篇文章&#xff0c;你就…
阅读更多...
python标准数据类型--集合常用方法

python标准数据类型--集合常用方法

在Python中&#xff0c;集合&#xff08;Set&#xff09;是一种无序且不重复的数据结构&#xff0c;它是由一个无序的、不重复的元素组成的。Python中的集合与数学中的集合概念相似&#xff0c;并且支持一系列常用的方法。本篇博客将深入介绍Python集合的常用方法&#xff0c;帮…
阅读更多...
亚马逊跨境电商平台真人测评和自养号测评有什么区别？

亚马逊跨境电商平台真人测评和自养号测评有什么区别？

下面来讲一下真人测评和自养号测评的优缺点有哪些 真人测评 优点&#xff1a;权重高&#xff0c;可以有效提升转化率 缺点&#xff1a;市面上的渠道良莠不齐&#xff0c;质量难以保证&#xff0c;且较难选择 真人测评是通过真人的买家在页面留下review的方式来提高权重&…
阅读更多...
【51单片机入门记录】A/D、D/A转换器PCF859应用

【51单片机入门记录】A/D、D/A转换器PCF859应用

目录 一、IIC初始化代码 二、开发板电路图 三、PCF8591读/写字节操作流程及相关函数 &#xff08;1&#xff09;PCF8591&#xff08;AD&#xff09;读操作流程及代码 &#xff08;2&#xff09;PCF8591&#xff08;AD&#xff09;写操作流程及代码 四、应用示例-显示电压…
阅读更多...
推特数据采集

推特数据采集

阅读更多...
c# wpf template itemtemplate+ListBox

c# wpf template itemtemplate+ListBox

1.概要 2.代码 <Window x:Class"WpfApp2.Window7"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d"http://schemas.microsoft.com/expression/blend/…
阅读更多...
Nuxt 项目的创建

Nuxt 项目的创建

中文文档&#xff1a;https://nuxt.com.cn/docs/getting-started/installation#%E6%96%B0%E9%A1%B9%E7%9B%AE Nuxt 项目创建的先决条件&#xff1a; Node.js 版本 18.0.0 及以上文本编辑器&#xff1a;VS Code Volar 插件 或 Webstorm 执行如下命令&#xff0c;创建 Nuxt 项目…
阅读更多...
【MATLAB】GA_BP神经网络时序预测算法

【MATLAB】GA_BP神经网络时序预测算法

有意向获取代码&#xff0c;请转文末观看代码获取方式~ 1 基本定义 GA_BP神经网络时序预测算法是一种结合了遗传算法(GA)和反向传播(BP)神经网络的时序预测方法。它利用了遗传算法的全局搜索和优化能力&#xff0c;以及BP神经网络的学习和逼近能力&#xff0c;可以更有效地预…
阅读更多...
[java]网络编程

[java]网络编程

网络编程概述 计算机网络&#xff1a; 把分布在不同地理区域的具有独立功能的计算机,通过通信设备与线路连接起来&#xff0c;由功能完善的软件实现资源共享和信息传递的系统。 Java是 Internet 上的语言&#xff0c;它从语言级上提供了对网络应用程序的支持&#xff0c;程序…
阅读更多...
【MySQL】聚合函数和分组聚合

【MySQL】聚合函数和分组聚合

&#x1f466;个人主页&#xff1a;Weraphael ✍&#x1f3fb;作者简介&#xff1a;目前学习计网、mysql和算法 ✈️专栏&#xff1a;MySQL学习 &#x1f40b; 希望大家多多支持&#xff0c;咱一起进步&#xff01;&#x1f601; 如果文章对你有帮助的话 欢迎 评论&#x1f4ac…
阅读更多...
渗透测试靶机----Raven-1

渗透测试靶机----Raven-1

渗透测试靶机----Raven-1 开启靶机&#xff0c;登录窗&#xff0c;平平无奇 开扫&#xff1a; 先看看ip 这里发现192.168.217.166 发现相关服务端口&#xff0c;这里看到80&#xff0c;还是老样子&#xff0c;先80入手打开发现一个熟悉的站点&#xff1a; 这里可以使用漏扫工具…
阅读更多...
解密项目管理工具数据安全：防火防盗，保密有招

解密项目管理工具数据安全：防火防盗，保密有招

相关数据显示&#xff0c;2021年中国数字经济规模总量达到45.5万亿元&#xff0c;占到国内GDP总量的39.8%。数字经济已经渗入我们工作生活的方方面面&#xff0c;项目管理工具就是其中之一&#xff0c;在数据安全备受重视的今天如何保证项目管理工具的数据安全性&#xff1f;Zo…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023