css3 - 網(wǎng)站放在本地和放在遠(yuǎn)端服務(wù)器用 iPhone Safari 打開樣式不同
問題描述
網(wǎng)站在本地的時(shí)候,效果是這樣的:
網(wǎng)站放在遠(yuǎn)端的服務(wù)器上的時(shí)候,效果是這樣的:
可以看到網(wǎng)站在遠(yuǎn)端的時(shí)候整體偏左一點(diǎn),而且稍微窄一點(diǎn)。
我確定兩處用的是完全一樣的 CSS 文件。
定義響應(yīng)式的meta標(biāo)簽:
<meta name='viewport' content='width=device-width' initial-scale=1.0>
所用框架:Pure CSS本人系統(tǒng):Mac OS X Mavericks服務(wù)器:Ubuntu 12.04 GNU/Linux 3.2.0-24-virtual i686nginx version: nginx/1.1.19
問題解答
回答1:犯了個(gè)低級(jí)錯(cuò)誤:
我代碼中的meta標(biāo)簽是這樣的:
<meta name='viewport' content='width=device-width' initial-scale=1.0>
但實(shí)際上應(yīng)該是這樣的:
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
相關(guān)文章:
1. mysql優(yōu)化 - 關(guān)于mysql分區(qū)2. php laravel框架模型作用域3. node.js - 在vuejs-templates/webpack中dev-server.js里為什么要exports readyPromise?4. java - Atom中文問題5. java - MySQL中,使用聚合函數(shù)+for update會(huì)鎖表嗎?6. 請(qǐng)教各位大佬,瀏覽器點(diǎn) 提交實(shí)例為什么沒有反應(yīng)7. javascript - ionic2 input autofocus 電腦成功,iOS手機(jī)鍵盤不彈出8. html5 - 如何實(shí)現(xiàn)帶陰影的不規(guī)則容器?9. css3 - 這個(gè)形狀使用CSS怎么寫出來?10. javascript - 為什么這個(gè)點(diǎn)擊事件需要點(diǎn)擊兩次才有效果
