使用 `:root` 選擇器來設定彈性的字體大小

在響應式版面(responsive layout)中，字體大小通常需要根據不同的 Viewport (畫面大小) 進行調整。你可以根據 `:root` 所定義的 Viewport 高度與寬度來調整字體大小：

```css:root {  font-size: calc(1vw + 1vh + 0.5vmin);}```

現在你便能使用依 `:root` 字級為基準的 `rem` 單位了

原文地址：https://www.cnblogs.com/WangZhenQi/p/10522118.html

时间： 2024-08-08 01:43:24

使用 `:root` 選擇器來設定彈性的字體大小的相关文章

jquery 選擇器

jquery 選擇器有: 元素選擇器: $("p")選擇所有<p> $("p.intro")選擇所有class=“intro”的<p> $("p.#intro")選擇id=“intro”的<p> $(this)當前元素屬性選擇器: $("[href]")選擇所有帶href的元素 $("[href='#']")選擇所有href=#的元素 $("[href!='#

【Exchange 2019 設置技巧】用戶郵箱默認配額設定

問,如何統一設置郵箱默認配額?答,由於我指定數據庫01,做配額設定,所以只是在數據庫01做修改. 結果 Exchange PoserSheet 查詢結果Get-Mailbox <Identity> | Format-List *Quota 由於是默認配額,所以ProhibitSendQuota : UnlimitedProhibitSendReceiveQuota : Unlimited當然你是可以自由設定用戶的具體數值. 原文地址:http://blog.51cto.com/happynew

第三方報表工具的選擇

在報表產品還不夠成熟的時候(其實任何產品都有這種階段,包括資料庫.應用伺服器等,甚至操作系統),開發商常常只能自己編寫代碼完成所有的報表製作:由於報表是非常頻繁的工作,有些開發商甚至專門組建一支隊伍開發出自用的報表工具:隨著通用化的報表產品日趨成熟,越來越多的開發商也開始採用專業的第三方產品來製作報表.那麼,這三種處理方案倒底哪種更為合適?顯然,所有的報表產品廠商都會無一例外地說社會需要專業化的分工,應當採用第三方產品.但真是這樣的嗎?其實,任何選擇都和應用環境相關,脫離了環境的討論其實是沒

Delphi APP 開發入門（二）Android/iOS設定，Hello World

Delphi APP 開發入門(二)Android/iOS設定,Hello World 分享: Share on facebookShare on twitterShare on google_plusone_share 閲讀次數:9047 發表時間:2014/05/12 tags: 行動開發教學 App Delphi XE6 Android iOS 上一期讓大家認識Delphi以及安裝後,今天要教大家設定Delphi在Android與iOS的開發環境,並且教大家透過寫出第一個Hello W

免安裝、免設定的 Hadoop 開發環境 - cloudera 的 QuickStart VM

cloudera 的 QuickStart VM,為一種免安裝.免設定 Linux 及 Hadoop,已幫你建好 CDH 5.x.Hadoop.Eclipse 的一個虛擬機環境.下載後解壓縮,可直接以 VirtualBox.VMWare.Docker.KVM 任一虛擬機,開啟 Hadoop 2.x 執行環境,並可用內建本地模式的 Eclipse 開發工具,開發.執行 Hadoop 程式碼. 下載點 :http://www.cloudera.com/downloads.html?productID

Linux系統SUDO的使用定義及設定

什麼是sudo?Sudo是可以讓某個用户不需要擁有(管理員)的賬號密碼,可以執行管理員的權限的.作為管理員可以指派某些用户可以執行某些特定命令. Sudo的特點它的特性主要有这样幾點: Sudo能够限制用户只在某台主機上運行某些命令 Sudo提供了豐富的日志,詳细地記錄了每個用户幹了什麼. 它能够將日記傳到中心主機或者日記服務器 Sudo使用時間戳文件來執行類似的"檢票"系统.當用户調用 sudo并且输入它的密碼時, 用户获得了一张存活期为5分钟的票 (这个值可以在编译的时候改变)

即時更新程式設定

有一些交易程式,在營業時間並不容許隨易的停止服務,如果遇到很小的 bug 或問題,最好是以不停止服務,僅更改設定的方式來解決,這裡提供一個小小的程式,可以不停止服務的情況下,更新程式的設定. 1 package idv.steven.annotation; 2 3 import java.lang.annotation.ElementType; 4 import java.lang.annotation.Retention; 5 import java.lang.annotation.Reten

擠出線寬(Extrusion width)，要怎麼設定?

Slic3r的作者,把這邊的%設定,跟"層高"做連結.我個人認為擠出線寬,要以噴頭孔徑當做設定參考才好.層高應該只要設定成孔徑的一半以下,就可以印得不錯~ 擠出頭孔徑0.4mm時,筆者是這樣設定擠出寬度的. 擠出塑料的體積 = 0.2(層高) x 0.6(線寬) x 2.4(線長) mm3 列印要擠出多少料呢?算法是擠出線寬乘以層高,再乘以線長. 層高是另一個設定值設定下來,在這邊是不會改變的. 這邊要變動的是線寬. 料擠出後,受到底層的擠壓,會開始往兩邊溢出.溢出越多,線寬就越寬.機

【Exchange 2019 設置技巧】郵箱權限設定

問,如果管理郵箱權限? 答,Send AS:就是代表你發送,但是不顯示代理人的名字.Send on Behalf:也是代表你發送,但是會顯示代理人的名字.Full Access :完全獲取你郵箱的讀取權限,但是不能發送. 最簡單的就是按"+"號就可以了.第二個方法就是啓用Exchange Powershell. Full Access命令的意思是,用戶[email protected]將獲取Amway [email protected]郵箱的讀取權限,僅此而已,有時候會出現一個問題,因