禁用縮放移動導航欄

Question

我正在製作一個帶有導航欄和放大圖片的嚴格移動網站。每當我放大網站以使圖片變大時，導航欄會隨着文本內部的文字一起增長。任何人都知道我可以如何阻止導航欄縮放？這裏的CSS：

#navBarMobile { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 174px; 
    background-color: rgba(0, 0, 0, 0.63); 
    z-index: 2; 
} 

Answer 1

的方式，你可以讓你的網站沒有放大，能夠將添加以下元標籤：

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

但是，這也使得圖像不會縮小能。沒有其他方式您的用戶無法縮放網站，並因此導航欄。

This後可能是有用的。