我的引導基礎的移動網站看起來縮小

Question

我已經制定壁紙下載名爲&梅梅代網站：dekhbehen.com。問題是，當通過智能手機查看網站時，它似乎縮小。我正在提供網址： - dekhbehen.com/Wallpaper/Valentine-Day/index.html 正因爲如此，我使用jQuery mobile &使用Bootstrap開發了我的移動網站的主頁。

Answer 1

典型的移動設備優化網站包含類似如下：

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

width屬性控制視口的大小。它可以被設置爲像width=600或爲特殊值設備寬度值，它是在CSS像素在屏幕的以100％分的寬度的像素的特定號碼。 （有相應的高度和設備高度值，對於具有基於視口高度更改大小或位置的元素的頁面可能會有用）。

初始縮放屬性控制第一次加載頁面時的縮放級別。 maximum-scale,minimum-scale和user-scalable屬性控制用戶如何放大或縮小頁面。

參考：https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

Answer 2

很奇怪的是，這是行不通的。 嘗試下使用：

@viewport{ 
    zoom: 1.0; 
    width: extend-to-zoom; 
} 

@-ms-viewport{ 
    width: extend-to-zoom; 
    zoom: 1.0; 
}