来呀~~ 聊聊像素呗

一。像素：屏幕是由一个一个发光的小点构成，这个小点就是像素。

例如：分辨率 1920 x 1080 说的是屏幕中小点的数量。

二。在前端开发中，像素分成两种情况，css像素和物理像素

--物理像素，上述所说的小点就是物理像素。

--css像素，编写网页时，我们所用像素都是css像素。

注意：（1）浏览器在访问网页时，需要将css像素转换为物理像素，再呈现；

（2）一个css像素最终由几个物理像素显示，由浏览器决定；

（3）默认情况下在pc端，一个css像素 = 一个物理像素；

三。视口（viewport）

视口就是屏幕中用来显示网页的区域。

可以通过查看视口大大小，来观察css像素和物理像素的比例。

（1）默认情况下，视口宽度 1920px （css像素）

1920px （物理像素）

此时，css像素和物理像素的比是1:1。

（2）放大两倍的情况下，视口宽度 960px （css像素）

1920px （物理像素）

此时，css像素和物理像素的比例是1:2。

来呀~~ 聊聊像素呗相关推荐

游戏中的方块艺术——从艺术生角度浅谈划时代产品“像素风“
如果你问一个学习摄影的小伙伴:什么是像素? 也许他会这样回答你:"像素就是一个个的小方格,这些拥有着明确位置和分配好色彩数值的小方格,决定了图像的呈现." 而这个由现代科技造就的产 ...
尚硅谷web前端HTML5+CSS3笔记
目录 1尚硅谷-课程简介 2尚硅谷-网页简史 3尚硅谷-HTML简史 4尚硅谷-编写你的第一个网页 5尚硅谷-安装notepad++ 6尚硅谷-自结束标签和注释 7尚硅谷-标签中的属性 8尚硅谷-文档 ...
android 1像素变粗,一亿像素的意义：聊聊图像采样与重建
一亿像素的意义:聊聊图像采样与重建 2019-08-13 15:01:51 18点赞 23收藏 16评论小米MIX4将会采用三星1.08亿像素传感器的新闻大家应该都听说了,一时间大家都开始讨论小尺寸 ...
unity图片变成马赛克如何取像素并改变颜色_聊聊 2D 游戏的像素化中的问题
来indienova官网,挖掘独立游戏的更多乐趣引言既然我是在做像素游戏,这次就聊一聊在对 2D 游戏像素化的过程中都会碰到的问题吧. 1. 照相机的投影对于引擎来说,其实不管是 2D 游戏还是 ...
聊聊《战魂铭人》的游戏设计
历经两年打磨,<元气骑士>开发商凉屋的新作<战魂铭人>,终于在本周登场了.游戏一改前作的射击风格,把拳拳到肉贯彻到底:另一方面,关于付费模式的设计也引起了很大的争议,官方在下午 ...
聊聊一直困扰前端程序员的浏览器兼容-【css】
1.为什么会出现浏览器兼容问题? 由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床.再加上各大厂商出于自身利益考虑而设置的种种技术壁 ...
封装html ui 控件,聊聊前端 UI 组件：组件设计
本文首发于欧雷流.由于我会时不时对文章进行补充.修正和润色,为了保证所看到的是最新版本,请阅读原文. 在本系列文章<聊聊前端 UI 组件:组件体系>中初步说明了 UI 组件的架构设计,本文 ...
拟真机器人拯救者怎么来_笔点聊科技篇九：3499起、卷土重来？理性聊聊刚发布的联想拯救者手机Pro...
笔点聊科技篇九:3499起.卷土重来?理性聊聊刚发布的联想拯救者手机Pro 2020-07-23 10:44:27 0点赞 0收藏 0评论创作立场声明:想让消费者接受品牌,真金白银买回家还感觉良好 ...
收藏 | 聊聊 GPU 的计算能力上限
点上方计算机视觉联盟获取更多干货仅作学术分享,不代表本公众号立场,侵权联系删除转载于:来自 | 知乎作者丨卜居链接丨https://zhuanlan.zhihu.com/p/2313027 ...

来呀~~ 聊聊像素呗

来呀~~ 聊聊像素呗相关推荐

最新文章

热门文章