css
文章平均质量分 60
染墨凉声绝
这个作者很懒,什么都没留下…
展开
-
对像素和viewport的理解
前言:本文是在阅读关于viewport的两篇文章后,对于这些常常忘记和混淆的的知识有了一定的理解,为了方便以后查询和使用,以此文记录。如果你在看完此文后还是一知半解,可以点击这里查看原文。一、设备像素和css像素设备像素:对于pc来说,设备像素就是屏幕的分辨率,比如1366*768,就是将屏幕横向分为1366个像素,纵向分为768个像素。一般来说,这个参数是固定不变的,但是你可以...转载 2018-09-13 20:17:50 · 305 阅读 · 0 评论 -
为什么显示器分辨率太高, 图片反而模糊?
理想的图片显示方式是一个图片像素对应显示屏一个像素,即1对1,这样的显示方式可以最大限度的还原图像。例如,720p的屏幕显示720p的图像,尺寸相符,一个屏幕像素对应一个图像像素,所以可以得到最佳显示效果。但一个1080p屏幕强行显示一个720p图像,屏幕像素比图像像素多,一个图像像素用多个屏幕像素来显示,这时候图像显示驱动的“平滑处理”功能生效,显示驱动用插值算法在源图中扩展生成新的像素点,把...转载 2018-09-13 20:20:12 · 12257 阅读 · 0 评论 -
深入理解flexbox
Flexbox 是一個 CSS3 的盒子模型 ( box model ),顧名思義它就是一個靈活的盒子 ( Flexible Box ),為什麼最近這個屬性才紅起來呢?最主要也是因為 CSS3 的規範終於普及 ( 或 IE 終於敗亡 ),加上行動裝置的發展促成了響應式布局興起,自適應長寬彈性相當大的 Flexbox 就趁勢而起了。 Flexbox 模型概念第一步要來看 Flexbox ...转载 2018-09-19 11:59:10 · 572 阅读 · 0 评论