最近看了很多这方面的文章，能搜到的基本看了个遍，但感觉还是似懂非懂，知道这个东西，很难说出这是个什么东西，先整理一些概念，慢慢消化，以后慢慢探索其中的原因。 1、PX(CSS pixels) 1.1 定义 …

图片尺寸如何修改呢？平时在使用图片的时候，无论是在一些平台上传图片的时候，还是在上传一些自己本人的证件照片时，经常都会遇到对图片尺寸有要求的情况，这时候就需要将图片尺寸修改，那么有什么办法能够修改…

设备像素比（devicePixelRatio,dpr） 定义 window.devicePixelRatio是设备物理像素和设备独立像素（device-independent pixels，dips）之间的比率。window.devicePixelRatio 物理像素/ 设备独立像素 设备物理像素&…

1.1物理像素 手机屏幕横向有828个点 手机屏幕纵向上有1792个点 同等大小屏幕下，点越多、图像显示越精细 上面所说屏幕上一个个点就是物理像素(physical pixel) 物理像素也叫设备像素(dp:device pixel) 1.2逻辑像素 pt: html css中的使用的单位像素px: 实际上指的是逻辑像素pt …

问：在移动端的Web设计中，屏幕的分辨率和视口大小是不是是两回事儿？ 答： 是的，屏幕的分辨率和视口大小在移动端的Web设计中是两个不同的概念。 屏幕分辨率（Screen Resolution）：这指的…

假设我将默认字体大小设置为16px(这应该是多余的，因为它在大多数浏览器中是默认的)： 为简洁起见，我的网站包含一些尺寸为10em x 10em的盒子 . body, html { font-size: 16px; } .box { border: 1px green solid; background-color:green; wid…

文章目录 像素像素定义像素分类 视口（viewport)手机像素移动端的物理像素移动端的视口——css像素 移动端网页的实现调整像素比 像素 像素定义 屏幕是由一个一个发光的小点构成，这一个个的小点就是像素分辨率: 1920 x 1080说的就是屏幕中小点的数量 像…

平常我们在使用PS完成的稿件的时候，有时会发现PS中设计稿与网页设计稿是不一样的，这种问题，该怎样解决呢？ 这里感谢丁老师软件，原文链接在这：photoshop宽度像素和网页宽度像素不一致的原因和解决办法 - 丁老师软件开发工作室 (dls6.com)，感兴趣伙伴可以自行领取。 1、第…