手機端web網頁布局經驗總結（持續更新中）

1. 首先，在網頁代碼的頭部，加入一行viewport元標簽，我們一般是不讓用戶手動的去改變頁面的大小的。

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

viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等於屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小占屏幕面積的100%。

 

2. 手機圖片和視頻上傳

<!-- 選擇照片， 如果不加accept="image/*"，可能會無法打開手機的相冊 -->
<input type=file accept="image/*">
<!-- 選擇視頻 -->
<input type=file accept="video/*">