Bootstrap基本的HTML模板

2021-08-20 04:44:40 字數 1036 閱讀 9646

bootstrap 是當下最流行的前端框架(介面工具集)。是乙個用於快速開發 web 應用程式和**的前端框架。用於開發響應式布局、移動裝置優先的 web 專案。

移動裝置優先:自 bootstrap 3 起,框架包含了貫穿於整個庫的移動裝置優先的樣式。

響應式設計

:bootstrap 的響應式 css 能夠自適應於台式電腦、平板電腦和手機。

...

bootstrap 的第三方依賴的庫:

compatible 相容的

此屬性為文件相容模式宣告,表示如果在ie瀏覽器下則使用最新的標準渲染當前文件,模式edge 模式告訴 ie 以最高端模式渲染文件,也就是任何 ie 版本都以當前版本所支援的最高端標準模式渲染,避免版本公升級造成的影響。簡單的說,就是什麼版本 ie 就用什麼版本的標準模式渲染。

此屬性為移動端頁面視口設定,當前值表示在移動端頁面的寬度為裝置的寬度,並且不縮放(縮放級別為1),也不允許使用者手動縮放。

width——viewport的寬度

height——viewport的高度

initial

-scale——

初始的縮放比例

minimum

-scale——

允許使用者縮放到的最小比例

maximum

-scale——

允許使用者縮放到的最大比例

user

-scalable——

使用者是否可以手動縮放,值可取yes/no,預設yes,表示允許使用者縮放,設定為no,表示不允許縮放。

視口的作用:在移動瀏覽器中,當頁面寬度超出裝置,瀏覽器內部虛擬的乙個頁面容器,將頁面容器縮放到裝置這麼大,然後展示。

通常情況下,

maximum-scale=1.0

與 user-scalable=no 一起使用。這樣禁用縮放功能後,使用者只能滾動螢幕,就能讓您的**看上去更像原生應用的感覺。

html 和 htm 的區別

在unix作業系統中,如用 htm 那使用者在瀏覽器視窗看到是網頁的原始檔,因此unix下網頁副檔名只能用 html htm與html兩種副檔名有區別嗎?html htm,只是前乙個是全稱,後乙個是簡寫的,是沒有什麼區別的.那為什麼出現兩種檔案格式呢?htm是 於老的8.3檔案格式,dos作業系統只...

htm和html的區別

注意 在unix作業系統中,如用 htm 那使用者在瀏覽器視窗看到是網頁的原始檔,因此unix下網頁副檔名只能用 html 那麼htm與html兩種副檔名有區別嗎?html htm,只是前乙個是全稱,後乙個是簡寫的,是沒有什麼區別的.那為什麼出現兩種檔案格式呢?htm是 於老的8.3檔案格式,dos...

html,shtml和htm的區別

shtml和html的區別,如果用一句話來解釋就是 shtml 不是html而是一種伺服器 api,shtml是伺服器動態產成的html.雖然兩者都是超文字格式,但shtml是一種用於ssi技術的檔案。也就是server side include ssi 伺服器端包含指令。如果web server有...