Mate60手機殼曝光 致敬自己的經(jīng)典設計
8月3日消息，今天下午博主數(shù)碼閑聊站帶來了華為Mate60的第三方手機殼圖，可以讓我們在真機發(fā)布之前看看這款華為全新旗艦的大致輪廓。從曝光的圖片看，Mate 60背后攝像頭面積依然
CSS margin 和 padding 屬性經(jīng)常被放在一起討論，原因有兩個：
CSS 長度是距離值的一種。CSS 百分比與長度類似，但區(qū)別在于它們總是頁面中其他內(nèi)容的一部分，具體取決于它們與什么屬性一起使用。長度可以是絕對值，也可以是相對值。
CSS 提供了兩種類型的單元，因此我們可以建立靈活的網(wǎng)站，使其適用于各種設備和配置。
在決定使用絕對還是相對 CSS 單位來處理某個 CSS 屬性時，你需要考慮用戶想要做什么。
你可能已經(jīng)熟悉了在文本大小方面使用相對長度單位。對于 font-size 屬性使用 rem 單位是最佳實踐，因為它允許用戶通過個人設備上的設置來自定義他們的瀏覽體驗
相對長度單位也常用于根據(jù)用戶的視口尺寸改變頁面外觀。我們就是這樣實現(xiàn)響應式設計的，無論用戶使用何種設備、窗口大小、頁面縮放或文字大小，都能正常運行。
那么，在使用相對長度單位時，我們要針對哪些用戶行為進行設計呢？
在所有這些情況下，用戶最關心的是什么？是內(nèi)容，還是內(nèi)容之間的間距？這兩點中哪一點對理解網(wǎng)頁至關重要？
當用戶在定制自己的觀看體驗時，對他們來說最重要的是內(nèi)容和手頭的任務。間距對于用戶完成任務來說往往并不重要，因此不需要像內(nèi)容本身那樣以同樣的速度增長或縮放。
就垂直間距而言，最終也會增加用戶完成任務的難度。由于水平空間有限，文字必須換行到下一行，對此你無能為力，但你也不想讓頁面變得更高，因為你的垂直間距會隨著文字大小的增加而增加。
對于只想以不同方式閱讀內(nèi)容的用戶來說，過高的頁面意味著更多的滾動和操作，而且他們一次能看到的內(nèi)容也會更加有限。
以下是在不增加文字大小的情況下一頁的基本視圖。從高層次來看，它具有
要測試僅增加文字大小會發(fā)生什么情況，可以在頁面的主 <html> 元素中添加一個 CSS 屬性： font-size: 200% 。這樣做的目的是將網(wǎng)站使用的基本字體大小加倍，因為網(wǎng)站使用 rem 單位來實際調(diào)整文字大小。
遺憾的是，在大多數(shù)元素中，它們還將 rem 單位用于 margin 和 padding 中。我們可以看到這一點：
為了展示如果這個網(wǎng)頁使用 px 單位而不是 rem 單位來設置 margin 和 padding，它將會是什么樣子，我使用了瀏覽器開發(fā)者工具檢查了 HTML 和 CSS，并覆蓋了一些 CSS 值。
本文鏈接：http://www.tebozhan.com/showinfo-26-34635-0.html為什么Margin、Padding和其他間距技術應使用 Px 單位
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯(lián)系：2376512515@qq.com 津ICP備18001702號
津公網(wǎng)安備 12010102000574號