iOS的移動沒有​​顯示CSS 1px的邊框正確

Question

我有一個CSS邊界定製的自舉頭給它2px的和1px的陰影效果，像這樣：

<div class="navbar" role="navigation"> 
    <div class="header"> 
    </div> 
</div> 

而CSS是：

.navbar{ 
border-bottom: 1px solid #C7C7C7; 
} 
.header{ 
border-bottom: 2px solid #EFEFEF; 
} 

頁面的HTML標籤：

<meta name="viewport" content="width=970" /> 

一些奇怪的原因，在移動德維查看iOS中的頁面時像iPad或iPhone一樣，它沒有正確顯示邊框。最初加載它時，它只顯示1px的行，當縮放頁面時，其他2px可見，但以某種方式失真。全行不顯示。

這裏有什麼問題？這是iOS問題還是..？

Answer 1

我找到了解決方案。我將meta標記更改爲：

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