寫在前面：
本文作為本人學習總結之用媳拴，同時分享給大家~
個人前端博客網站：https://zhangqiang.hk.cn
歡迎加入博主的前端學習qq交流群：：706947563，專注前端開發(fā)兆览，共同學習進步屈溉！
本章你將能學到：
這幾個小知識點小压，也許我們在日常中线梗，經常有所耳聞，但是具體什么意思呢怠益，總是容易混淆仪搔，經過我多次親身經歷開發(fā)，特地總結如下（不要小瞧這幾個概念哦蜻牢，這可跟我們css布局開發(fā)息息相關）：
對于分辨率，常用的屬于還有下面這些：
720P的分辨率為1280x720像素
1080P的分辨率為1920*1080像素
2k的分辨率為2560*1440像素
4k的分辨率為3840*2160像素
8K的分辨率為7680×4320像素
也就是正常給div一個 width:50px; height:100px; 其中的px就是像素的意思啦~
你以為你以為的就是你以為的了？咳轩娶，這里所說的縮放指的是這個：
比如我們給一個div 100px的寬度儿奶，但是，我們用測量像素的工具一量鳄抒，咦闯捎？椰弊！居然不是100像素，變大了瓤鼻？秉版？？ 好了茬祷，就是因為這個縮放的原因清焕，它把我們本應該100%顯示的div寬度，變成了125%祭犯。實際上秸妥，他就是100px，你改成100%顯示就好了沃粗。
但是粥惧，我們有的電腦就是顯示125%比較合適，那咋辦呢最盅？此刻就要用自適應的布局啦~ flex布局突雪、單位可以給vw、vh這些涡贱，亦可解決咏删。
