手機(jī)瀏覽器是把頁(yè)面放在一個(gè)虛擬的"窗口"(viewport)中,通常這個(gè)虛擬的"窗口"(viewport)比屏幕寬,這樣就不用把每個(gè)網(wǎng)頁(yè)擠到很小的窗口中(這樣會(huì)破壞沒有針對(duì)手機(jī)瀏覽器優(yōu)化的網(wǎng)頁(yè)的布局),用戶可以通過(guò)平移和縮放來(lái)看網(wǎng)頁(yè)的不同部分。
```html
<meta name="viewport" content="width=device-width, initial-scale=1">
```
width:控制 viewport 的大小,可以指定的一個(gè)值,如 600,或者特殊的值,如 device-width 為設(shè)備的寬度(單位為縮放為 100% 時(shí)的 CSS 的像素)。
height:和 width 相對(duì)應(yīng),指定高度。
initial-scale:初始縮放比例,也即是當(dāng)頁(yè)面第一次 load 的時(shí)候縮放比例。
maximum-scale:允許用戶縮放到的最大比例。
minimum-scale:允許用戶縮放到的最小比例。
user-scalable:用戶是否可以手動(dòng)縮放。
- Houser的個(gè)人Wiki
- Javascript
- 語(yǔ)言基礎(chǔ)
- 變量
- 操作符整理
- new
- Ajax
- 事件
- 遍歷
- 字符串轉(zhuǎn)數(shù)字方法
- 原型鏈
- apply/call/bind
- 異步編程
- 模塊化
- 繼承的方式
- 對(duì)象的創(chuàng)建方式
- 內(nèi)存泄漏
- js延遲加載
- 數(shù)據(jù)類型
- typeof
- 垃圾回收
- 作用域
- 閉包
- this
- es6
- 代碼片段
- 對(duì)象拷貝
- Node.js
- 模塊
- 庫(kù)&框架
- Jquery
- 優(yōu)點(diǎn)
- 組件庫(kù)
- React
- React原理
- Key的作用
- JSX
- Redux
- Mobx
- 生命周期
- Typescript
- HTML&CSS
- viewport meta
- websocket
- webwork
- web GL
- html全局屬性
- iframe
- 頁(yè)面間通訊
- SVG
- 盒模型
- 輸入url到顯示的過(guò)程
- BFC(塊格式化上下文)
- 動(dòng)畫
- CSS 秘密花園
- 前端
- webpack
- 后端
- nginx
- springboot
- 網(wǎng)絡(luò)
- 跨域
- 網(wǎng)絡(luò)攻擊
- TCP
- Https
- Http狀態(tài)碼
- 緩存策略
- Http2
- 數(shù)據(jù)結(jié)構(gòu)&算法
- 常用數(shù)據(jù)結(jié)構(gòu)
- 開發(fā)&編碼
- Git
- 分支策略
- 基本操作
- VSCode
- 工具
- App開發(fā)
- ReactNative
- 項(xiàng)目&業(yè)務(wù)
- Docker
- 協(xié)作工具
- 前端性能優(yōu)化
- 登錄授權(quán)
- 軟件工程
- 漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)
- 計(jì)算機(jī)基礎(chǔ)
- 設(shè)計(jì)模式
- 單例模式
- 工廠模式
- 發(fā)布訂閱模式
- 適配器模式
- 代理模式
- 外觀模式
- 命令模式
- 橋接模式
- 模板模式
- 職責(zé)鏈模式
- 正則
