移动端-屏幕

最新推荐文章于 2024-07-13 23:11:02 发布
最新推荐文章于 2024-07-13 23:11:02 发布
阅读量103 收藏
点赞数
分类专栏： 移动端 文章标签： android ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44033897/article/details/117266981
版权

1.关于屏幕

1.1屏幕尺寸

屏幕尺寸指的是对角线长度

在这里插入图片描述

在这里插入图片描述

1.2屏幕分辨率

屏幕分辨率指的是屏幕的像素点数

在这里插入图片描述

1.3设备的PPI/DPI

PPI | DPI两个值是屏幕每英寸的像素数量，即像素密度

就是每英寸的像素点，屏幕分辨率的斜边除以屏幕尺寸

1.4设备像素(device pixel)于逻辑像素(css像素)

1.4.1设备像素（device pixel）

在这里插入图片描述

在这里插入图片描述

1.4.3设备独立像素（DIP）

在这里插入图片描述

1.5设备像素比（devicePixelRatio）

就是物理像素和逻辑像素比

在这里插入图片描述

小老虎大狮子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
移动端-左右滑动列表，点击元素，使元素滚动居中
qq_41154522的博客
08-31 370
移动端-左右滑动列表，点击元素，使元素滚动居中。
移动端-像素和分辨率
L990614的博客
10-13 1560
1.像素分辨率 重点：像素 分辨率的关系 难点：印刷不同产品时的不同分辨率设置的理解 像素概念 网页中的像素单位 像素(pixel)概念 一般而言，pixel（像素）是图像的基本采样单位。详细解释见维基像素条目。所以它不是一个确定的物理量，也不是一个具体的点或者小方块（尽管可以用点和小方块来呈现），而是一个抽象概念。 CSS像素(css pixel) CSS像素是Web编程的概念，指的是CSS样式代码中使用的逻辑像素。 在CSS规范中，长度单位可以分为两类，绝对(absolute)单位以及相对(relati
移动端-浏览器设置全屏方法
热门推荐
qq_34648151的博客
11-27 1万+
移动端-浏览器设置全屏方法，解决移动端浏览器底部盖住页面 移动端浏览器，在做移动端页面的时候，移动端浏览器底部工具栏会遮盖住页面底部弹出框，很是头疼。最终在移动端设置全屏之后，达到想要的效果。以下是设置全屏的方法，以供大家解决遇到的问题。 ...
移动端----屏幕触摸事件
weixin_30832143的博客
04-11 64
<html> <head> <meta charset="utf-8"> <title>移动端----屏幕触摸事件</title> <meta name="keyword" content="移动端----屏幕触摸事件"> <meta name="discription"...
Vue--移动端--随着手指滑动动态设置元素的高度
weixin_45406850的博客
09-29 1448
初始化高度为0，随着手指滑动动态设置元素的高度，有最大限制，且最大限制可以不是一个固定值
移动端 -- 屏幕旋转的事件和样式
小草莓的博客
03-19 1216
0和180 表现为竖屏模式；正负90 表示横屏模式；
移动端获取当前屏幕的高度_vue移动端-全屏拖拽(根据屏幕宽高度进行拖拽计算)案列...
weixin_40007016的博客
02-05 309
export default {data() {return {positionX: 0,positionY: 0,innerHeight: 0,innerWidth: 0,};},methods: {// 返回首页goHome() {console.log('返回首页');},/* 阻止移动端屏幕默认滑动 */default (e) {let divv = document.getElement...
移动端-适配方案
treasure of code 的博客
11-02 136
移动端-适配方案 1. 安装依赖 npm install px2rem-loader lib-flexible --save 2. 设置viewport 设置: <meta name="viewport" content="width=device-width,initial-scale=1.0"> 1. 说明: 因为默认的布局视口大于视觉视口，如果不设置将导致页面的内容显示非常小 2. 原理: 将980的页面在375的屏幕上完全显示只能缩小980页面中的内容 3. 直接设置px
什么是web移动端-移动端布局特点
weixin_54902466的博客
05-12 6649
文章目录前言一、web移动端是什么？二、如何调试移动web网页1.真机调试：2.chrome浏览器调试：3.移动Web的发展历史三.移动Web布局核心思想1.不允许网页出现横向滚动2.页面盛满屏幕，盒子宽度与屏幕一致 100%3.让盒子的内容宽高width/height包含padding与border，避免出现横向滚动条四.移动Web布局方式介绍五补充知识点-(止渴可用)总结 前言 移动端是前端攻城狮一定要会的知识点,这里我将会初步介绍什么是web移动端以及他常用的布局 一、web移动端是什么？ 运行在
web移动端-1
sharryling
03-25 146
经典布局 移动端主要问题 适配问题，即不同终端，屏幕尺寸不一样 相比于pc端，pc端主要是关注兼容性问题，而移动端是适配问题。 解决方法 一般在pc端的web 放在移动端，viewport会自动缩放，不会出现滚动条原长宽显示 【pc端的宽度一般默认是980px 的原因：即默认最小的pc端的宽度是980px，如果本来是1300，然后碰到1000px的屏幕，就会出现滚动条】 ...
移动端 - web商城
01-17
2. **响应式设计**：由于移动设备屏幕尺寸各异，一个良好的Web商城应具备响应式设计，能够自适应不同屏幕尺寸。这可能涉及到使用媒体查询（Media Queries）来调整布局，或者利用Flexbox或Grid布局系统来实现流式布局...
电商-U-移动端-交互原型.rp.zip
05-16
1. **导航设计**：移动端的屏幕空间有限，因此导航设计需简洁明了，便于用户快速定位和访问所需内容。可能包括底部导航栏、抽屉式导航、标签页等元素。 2. **商品展示**：原型将展示如何呈现商品信息，如图片轮播、...
餐厅厨师菜单展示响应式网页模板-适配移动端-HTML源码.zip
03-27
不论是在狭窄的手机屏幕还是宽敞的桌面显示器上，它都能以优雅的姿态展现内容，提供无缝的用户体验。这套源码融合了最新技术，让搭建一个专业级别的网站变得轻而易举，适合从个人品牌推广到企业级项目展示的各种需求...
产品目录查询展示响应式网页模板-适配移动端-HTML源码.zip
03-27
不论是在狭窄的手机屏幕还是宽敞的桌面显示器上，它都能以优雅的姿态展现内容，提供无缝的用户体验。这套源码融合了最新技术，让搭建一个专业级别的网站变得轻而易举，适合从个人品牌推广到企业级项目展示的各种需求...
课设&大作业&毕设-冶炼机械工厂自适应网站模板-适配移动端-HTML源码.zip
03-29
它不仅优化了用户体验，还确保了在不同尺寸的屏幕和设备上均能呈现出完美的布局和样式。 此模板具备丰富的功能组件，如导航栏、轮播图、卡片式布局等，可以灵活组合以满足您的各种设计需求。同时，它还支持多种...
展开说说：Android之View基础知识解析
最新发布
Hidanchaofan的博客
07-13 639
View虽不属于Android四代组件，但应用程度却非常非常广泛。在Android客户端，君所见之处皆是View。我们看到的Button、ImageView、TextView等等可视化的控件都是View，ViewGroup是View的子类因此它也是View。但是现在我们把View和ViewGroup当成两个类来看待，ViewGroup可以容纳View和ViewGroup，但View不可以再容纳其他View或ViewGroup，这种容纳的关系可以一直延伸仿佛一棵大树，从内而外有了父子关系，因此有个概念叫做Vi
高通平台 android7.1 蓝牙的可见性设置
韩家老大的博客
07-10 337
Android7.1 高通 蓝牙 可见性
Android高级——Logger日志系统
松仔Log的博客
07-11 1115
1是因为标签和内容后面跟着’\0’，用来区分和解析。
Android11 窗口动画
littleyards的博客
07-09 887
首先创建LocalAnimationAdapter对象，LocalAnimationAdapter对象中的mSpec成员是WindowAnimationSpec对象，WindowAnimationSpec对象中的mAnimation成员是上一步创建的Animation 对象。首先创建leash图层，然后调用LocalAnimationAdapter的startAnimation继续处理，注意传入的mInnerAnimationFinishedCallback参数，后续动画完成后会回调里面的方法。
unity 移动端滑动屏幕旋转相机
05-26
在 Unity 中，你可以通过脚本来实现移动端滑动屏幕旋转相机的功能。以下是一个简单的示例脚本： ``` using UnityEngine; public class MobileCameraController : MonoBehaviour { public float sensitivity = 1.0...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值