如何使網站在移動設備上顯示爲全站點？

我如何使我的網站在移動設備上顯示爲全景網站。我在桌面網站上使用jquery-mobile，並希望將網頁作爲移動設備上的普通桌面網站頁面顯示。用戶可以放大和縮小的地方。如何使網站在移動設備上顯示爲全站點？

到目前爲止，我可以讓網站顯示在手機上，但用戶必須上下滑動頁面以查看頁面上的所有內容。

並變焦我使用（但是，這僅允許放大。）

2012-05-18 seUser

是不是所有的移動網站都如此？您只有x個屏幕空間，並且顯示整個網站使得無法閱讀，因此當您縮放以實際與網站進行交互時，需要進行滾動。 – Tony318

不知道你的意思，通常，一個jQuery Mobile的頁面應該包含在HTML head部分這一行，

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

它會要求手機瀏覽器顯示jQuery Mobile的頁面作爲正常的縮放比例，比如，

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    ...... 
</head>

這是你的意思嗎？

來源

2012-05-20 09:33:45

在我看來，使桌面版網站正常顯示在移動設備上的最佳方法是使用媒體查詢。

http://www.w3.org/TR/css3-mediaqueries/

但是，如果你的網站沒有被設計爲響應從一開始走，這可能會非常棘手。

來源

2012-05-18 18:01:01

如何使網站在移動設備上顯示爲全站點？

回答

相關問題