Tips: 調試 iPad 或 iPhone 可在設置中啓動調試模式，在 Mac 中的 Safari 瀏覽器 一樣開啓開發者模式後，進行聯機調試。功能彪悍。 最近在作一個頁面時，發如今 iPad 的 Safari 瀏覽器中背景顯示不全，定位到該 div 後發現所指定 css 的寬度爲 100% ； 到百度搜索後發現，safari 中 viewport 默認寬度爲 980px，若事先未指定其初始 viewport 寬度，則會默認按照 980px 處理。 能夠默認初始化 viewport 寬度或在 css 中設定 min-width，但最簡單的方法能夠在 head 標籤中初始化好 viewport。 詳見下方代碼： <metaname="viewport"content="width=網頁真實寬度, initial-scale=倍數值"/> 假設網頁寬度爲 960px 或 1080px，可在width中加入該值，並將 initial-scale 設置一個適合的倍數值。 例如一個頁面的寬度爲 1080px，則設定爲： <metaname="viewport"content="width=1080, initial-scale=0.9"/> 這樣無論加載先後切換橫屏仍是豎屏，均可以友好顯示。