移动端网页
du_xian_sheng
这个作者很懒,什么都没留下…
展开
-
【全解析】屏幕尺寸,分辨率,像素,PPI之间到底什么关系?
今天我给大家来讲讲这几个咱们经常打交道的词到底啥意思,以及他们之间到底有什么关系。这篇文章是我花了一个下午从N多篇文章里提炼出的一个白话版,保证让你看得懂。咱们从手机开始说起吧。先上一张图,给大家看看关于手机屏幕方面的一些参数。红框内的三个参数,大家一定都不陌生,我也不陌生。不过讲真的,就在不久前,我连手机的屏幕尺寸到底是怎么算出来的都不知道。下面我们开始慢慢讲。屏幕(主屏)尺寸是什么转载 2017-12-09 15:50:50 · 825 阅读 · 0 评论 -
360*640是什么设备的分辨率?
作者:孙明然链接:https://www.zhihu.com/question/48243257/answer/196101102来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。360*640是什么设备?这个问题比较复杂,我们先解释320*480,320*568,375*667,414*736这几个分辨率。解释前,引入个概念:设备像素比转载 2017-12-09 15:54:32 · 4445 阅读 · 0 评论 -
PC端和移动端的区别你知道吗?
截至2015年11月,中国手机上网用户数已超过9.05亿,软件移动化成为一种趋势,移动产品经理成为了产品经理的一个重要分支,那么对于移动端和PC端到底有什么区别呢?在设计过程中有什么差异?下面我们逐一分析。一、PC端与移动端区别有人说手机端无非就是PC端的移植,功能设计照搬就行了,这是对于移动设计最大的误解,其实PC端与移动端是千差万别的。1. 操作方式PC端的操作方式与移动端转载 2017-12-09 16:09:51 · 22967 阅读 · 1 评论 -
移动web开发之像素和DPR
移动web开发之像素和DPR前面的话 像素在web开发中几乎天天用到,但到底什么是像素,移动端和桌面端的像素有区别吗,缩放对像素有影响吗,视网膜屏幕和像素有什么关系?关于这些问题,可能就不清楚了。本文将介绍关于像素的相关知识 定义 像素,又称画素,是图像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得转载 2017-12-09 16:10:53 · 461 阅读 · 0 评论 -
js获取浏览器和设备相关width(屏幕的宽度)
首先呢,我们将iPhone手机的相关数据表示如下 我们要理解很多东西,比如逻辑分辨率、物理分辨率、缩放因子、ppi等,这里先不讨论。首先呢,我们先介绍下各个屏幕宽度:网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (转载 2017-12-09 16:13:19 · 14580 阅读 · 0 评论 -
分辨率,PPi,DPI,DPR,物理像素,逻辑像素
屏幕尺寸:指的是屏幕对角线的长度分辨率:是指宽度上和高度上最多能显示的物理像素点个数点距:像素与像素之间的距离,点距和屏幕尺寸决定了分辨率大小PPI:屏幕像素密度,即每英寸(1英寸=2.54厘米)聚集的像素点个数,这里的一英寸还是对角线长度DPI:每英寸像素点,印刷行业术语。对于电脑屏幕而言和PPI是一个意思设备像素(又称为物理像素): 指设备能控制显示的最小物理单位,意指显示转载 2017-12-09 16:46:58 · 1262 阅读 · 0 评论 -
谷歌浏览器小字体处理方案即12px以下字体
谷歌浏览器是不支持12px以下小字体的,网上搜素一些不错的解决方法,感兴趣的的朋友可以参考下,希望对大家有所帮助! 谷歌浏览器是不支持12px以下小字体的,可能是考虑到用户体验吧。 网上也有一些文章介绍,说可以使用: 复制代码代码如下: -webkit-text-size-adjust:none; 但是,自chrome 27之后,就取消了对这个属性的支持。 我们转载 2017-12-15 12:04:23 · 540 阅读 · 0 评论