【CSS3】CSS3中的Rem值與Px之間的換算
bootstrap預設 html{font-size: 10px;}
rem是一個相對大小的值,它相對於根元素,
比如假設,我們設定html的字型大小的值為html{font-size: 87.5%;}(也就是14px)。
然後其他的字型就是將你要的值除以14得到的值;
比如預設的twentytwelve主題大小是960px;換算成rem就是960/14=68.57142857142857rem;
padding的24px也就是24/14=1.714285714285714rem,以此類推。
上面的14是個變數,相對於你對根元素html字型大小的設定,如果你設定的是62.5%,那除數就變成10了,對照表如右圖:
用這個rem單位的好處有啥我不知道,不過如果你根元素的字型大小選62.5%,那px和rem之間的換算就是px直接除以10就得到rem了,這比em簡單多了,到現在我都沒搞清楚em和px之間是如何換算的。
另外rem在ie8及ie8以下的版本不支援外其他瀏覽器都支援,如果你要考慮ie8及一下,可以像twentytwelve預設檔案那樣設定個px再設定個rem就可以了。
相關推薦
【CSS3】CSS3中的Rem值與Px之間的換算
bootstrap預設 html{font-size: 10px;} rem是一個相對大小的值,它相對於根元素, 比如假設,我們設定html的字型大小的值為html{font-size: 87.5%;}(也就是14px)。 然後其他的字型就是將你要的值除以
CSS3 中的 rem 值與 px 之間的換算
bootstrap預設 html{font-size: 10px;} rem是一個相對大小的值,它相對於根元素, 比如假設,我們設定html的字型大小的值為html{font-size: 87.5%;}(也就是14px)。 然後其他的字型就是將你要的值除以14得到的值;
css3中的rem值與px之間的換算
rem 和 em 一樣,也是一個相對大小的值,它是相對於根元素 <html>,比如假設,我們設定 html 的字型大小的值為 html{font-size: 87.5%;}(也就是 14px,這是 twentytwelve 預設主題裡的設定)
Rem值與Px之間的換算
bootstrap預設 html{font-size: 10px;} rem是一個相對大小的值,它相對於根元素<html>, 比如假設,我們設定html的字型大小的值為html{font-size: 87.5%;}(也就是14px)。 然後其他的字型就
【轉】css中float left與float right的使用說明
http://www.cnblogs.com/zcy_soft/archive/2011/02/12/1952513.html CSS中很多時候會用到浮動來佈局,也就是經常見到的float:left或者float:right,簡單點來說,前者是左浮動(往左側向前邊的非浮
【C++】C++中的引用與指標
想必大家對C++中的指標都有所瞭解,但是什麼是引用呢?C++11標準引入了“引用”的新功能。 引用 引用(reference):給物件起了另外一個名字,引用型別引用(refers to)另外一種型別,通過將宣告符寫成&d的形式來定義引用型別,其中d是宣告的變數名: int val = 10
【C++】C++中的引用與指針
一點 傳遞 定義 class img 單元 返回 表示 ace 想必大家對C++中的指針都有所了解,但是什麽是引用呢?C++11標準引入了“引用”的新功能。 引用 引用(reference):給對象起了另外一個名字,引用類型引用(refers t
【iOS】Swift中擴充套件extension與協議protocol
一起連帶前面幾篇Playground小結程式碼都轉到github上了,註釋寫了很多,主要方便自己以後可以翻翻看。Swift語法主要部分差不多就這些了。當然還有泛型、運算子過載、ARC、閉包之類的補充。 一、擴充套件(extension) 擴充套件 extension (
【轉】虛擬機器WINDOWS如何與主機之間直接複製貼上檔案
預設情況下,是不支援的,當複製檔案後,至另一系統(虛擬機器系統或主機系統),貼上為灰色,不可貼上。 解決方案:安裝VMware Tools: 登入虛擬機器; 點選選單“虛擬機器”-“安裝VMware Tools"; 自動播放中選擇“執行……”; 若沒有自動播放
CSS3中的rem,em與px間的換算關係
px,em,rem之間有什麼區別? 國內的設計大師都喜歡用px,而國外的網站大都喜歡用em和rem,那三者之間有什麼區別?又各自有什麼優劣呢? px Pixel畫素,相對長度單位。畫素是相對於顯示器解析度而言。 em 相對長度單位,相對於當前物件內文字的字型尺寸,如當前對行
【struts2】struts2中的流接收與流發送
hive req nal oct true 中文名 tom auto 標示 【前言】在我們的struts2後端中,實現流的接收和發送。就能夠實現向server傳視頻流以及下載圖片。 【流接收】 如今舉一個傳公鑰的樣例。struts2用一個action接收Key,而Key
zhlan--【偷】Python中的賦值運算符
運算 alt ges 比較 images pytho 比較運算符 賦值 技術分享 >>>>Python中的賦值運算符: >>>>Python中的比較運算符: zhlan--【偷】Python中的賦值運算符
【轉】CSS3陰影 box-shadow的使用和技巧總結
x模型 man sco ie瀏覽器 bsp 基礎 mage script www text-shadow是給文本添加陰影效果,box-shadow是給元素塊添加周邊陰影效果。隨著HTML5和CSS3的普及,這一特殊效果使用越來越普遍。 基本語法是{box-shadow:[i
【語法】SQL中的case when then else end用法-解決一個字段根據條件取不同值
where 運行 pos 功能 enter cnblogs logs wro img Case具有兩種格式。簡單Case函數和Case搜索函數。 --簡單Case函數 CASE sex WHEN ‘1‘ THEN ‘男‘ WHEN
【轉載】CSS3之Clip(裁剪)拓展閱讀
很多 fix 以及 flow script stat browser hid 一定的 Clip屬性是大家經常會誤解的一個屬性,這篇文章幫助大家充分的了解和學習clip屬性,用這個屬性制作出更好的效果。 我可以確定Clip屬性有很多同學並不知道,因為這個屬性使用率非常的底,我
【轉載】Qt中圖像的顯示與基本操作
繪制 nta pen 位置 產生 縮放 eas urn mod Qt可顯示基本的圖像類型,利用QImage、QPxmap類可以實現圖像的顯示,並且利用類中的方法可以實現圖像的基本操作(縮放、旋轉)。 參考:Qt中圖像的顯示與基本操作 - ykm0722的專欄 - 博客頻道
【轉】C#中Func與Action的理解
.net ring UNC 簡單 代碼 操作 不必要 返回值 tps 原文地址:https://www.cnblogs.com/ultimateWorld/p/5608122.html Action 與 Func是.NET類庫中增加的內置委托,以便更加簡潔方便的使用委托。最
【Java-POJO-設計模式】JavaEE中的POJO與設計模式中多型繼承的衝突
最近看《重構》談到利用OO的多型來優化 if else 和 switch 分支語句,但是我發現OO語法中的多型在使用框架的JavaEE中是無法實踐的。對此,我感到十分的疑惑,加之之前專案中有個“狀態模式”類的模組被頻繁改動的需求折磨要死,又去看了《設計模式》。《設計模式》中也是強調,使
【轉載】Java 中帶參無返回、帶參帶返回值、方法的重載
語法 ble 數組 實現 執行 愛慕 包含 參數 com 一、 有時方法的執行需要依賴於某些條件,換句話說,要想通過方法完成特定的功能,需要為其提供額外的信息才行。例如,現實生活中電飯鍋可以實現“煮飯”的功能,但前提是我們必須提供食材,如果我們什麽都不提供,那就真是的“巧婦
【轉載】Java 中帶參無返回、帶參帶返回值、方法的過載
一、 有時方法的執行需要依賴於某些條件,換句話說,要想通過方法完成特定的功能,需要為其提供額外的資訊才行。例如,現實生活中電飯鍋可以實現“煮飯”的功能,但前提是我們必須提供食材,如果我們什麼都不提供,那就真是的“巧婦難為無米之炊”了。我們可以通過在方法中加入引數列表接收外部傳入的資料資訊,引數可以是任意的基