《前端》bootstrap之css樣式

全局 CSS 樣式 · Bootstrap v3 中文文檔  https://v3.bootcss.com/css/

1 移動設備優先

爲了確保適當的繪製和觸屏縮放,需要在 <head> 之中添加 viewport 元數據標籤。

<meta name="viewport" content="width=device-width, initial-scale=1">

禁用其縮放功能:
在移動設備瀏覽器上,通過爲視口(viewport)設置 meta 屬性爲 user-scalable=no 可以禁用其縮放(zooming)功能。
這樣禁用縮放功能後,用戶只能滾動屏幕,就能讓你的網站看上去更像原生應用的感覺。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

2 Bootstrap LESS

Bootstrap 排版、鏈接樣式設置了基本的全局樣式。分別是:

爲 body 元素設置 background-color: #fff;
使用 @font-family-base、@font-size-base 和 @line-height-base 變量作爲排版的基本參數
爲所有鏈接設置了基本顏色 @link-color ,並且當鏈接處於 :hover 狀態時才添加下劃線
這些樣式都能在 scaffolding.less 文件中找到對應的源碼。
Bootstrap 官網:http://getbootstrap.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章