meat搞定HTML頁面寬度自適應

2021-09-06 08:15:45 字數 434 閱讀 3005

最近在搞wap2.0,才發現越是簡單的東西越是難!這不,今天又發現問題了:頁面傳至伺服器後預覽頁面不能自適應手機寬度,總是呈現網頁版大小!文字小的看都看不清!

問了公司技術人員,學習了一下,原來簡單的一句meat就能解決問題啦:

網頁手機wap2.0網頁的head裡加入下面這條元標籤,在iphone的瀏覽器中頁面將以原始大小顯示,並不允許縮放。

其中:

width - viewport的寬度 height - viewport的高度

initial-scale - 初始的縮放比例

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

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

user-scalable - 使用者是否可以手動縮放

這對於以前一直忽略meat的作用,現在才發現其強大之處,菜鳥咯菜鳥

Javascript頁面寬度高度

關於獲取各種瀏覽器可見視窗大小的一點點研究 在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.b...

Javascript頁面寬度高度的獲取方法

關於獲取各種瀏覽器可見視窗大小的一點點研究 在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.b...

頁面寬度自適應 jquery動態設定css樣式

最近在做專案的時候,客戶要求點選父頁面的乙個按鈕以後,整個父頁面向左移動,左側則用來顯示,這樣使用者可以照著左側在頁面上填一些資訊。結果可能在最初程式設計客棧是設計的時候就有問題,設計的樣式是這樣的,點選父頁面 頁面寬度設定為100 上的乙個按鈕整個頁面往右側移動頁面比例為原來的50 左側彈出乙個d...