1.畫素是什麼?
畫素是螢幕的最小單位。1080p的螢幕畫素個數是1920*1800。1200w畫素的螢幕,解析度是3000/4000。
dpi: 一英吋的畫素數量。dpi越高,越清晰。
在mac/windows上可以設定螢幕顯示的解析度,mac預設為裝置解析度的一半,它的dpr = 2,即長和寬用2個畫素表示1個畫素,所以2880個物理畫素點實際上只表示1440個邏輯畫素:
那麼我們的問題來了,怎麼在高清屏上畫一條0.5px的邊呢?0.5px相當於高清屏物理畫素的1px。這樣的目的是在高清屏上看起來會更細一點,效果會更好一點,例如更細的分隔線。
理論上px的最小單位是1,但是會有幾個特例,高清屏的顯示就是乙個特例。高清屏確實可以畫0.5px,對比效果如下:
實現方法:
詳見2.垂直、水平居中
(1).
display:flex; align-item: center; justify-content: center;複製**
(2).
父元素:
position: relative;
子元素position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%)
複製**
(3).
父元素:
diaplay: table-cell; text-align: center; vertical-align: center
子元素display: inline-block; vertical-align: center;
複製**
面試題相關
一些位址 osi七層功能及協議 資料鏈路層是如何定址的?傳送方 已知接收方ip arp 接收方mac位址 交換機尋找該mac位址所在埠,把幀往這個埠 mac通過rarp轉為ip位址。可靠通訊是靠哪一層來完成的?網路層 tcp協議 100base t 100mbps,baseband,雙絞線對。簡而言...
前端面試題 css相關面試題
css 選擇器中,元素選擇器和類選擇器的區別是什麼?元素選擇器是最常見的 css 選擇器,即,文件的元素就是最基本的選擇器。選擇器通常是某個 html 元素,比如 等,甚至可以是 元素本身。類選擇器用於將樣式規則與附帶 class 屬性的元素匹配,其中該 class 屬性的值為類選擇器中指定的值。使...
Handler相關面試題
1.handler的作用 a 在非ui執行緒更新ui b 傳送延遲訊息 2.為什麼android設計只能ui執行緒更新ui?a 解決多執行緒併發問題 b 提高介面更新的效能問題 c 架構設計的簡單 3.handler相關的異常 a 只有主線程才能更新ui 解決辦法 向主線程傳送訊息,在主線程的han...