當使用PC時，將中心對準jqm4gwt的JQMPage

我想創建一個應用程序，PC或手機都可以使用該應用程序。當使用PC時，將中心對準jqm4gwt的JQMPage

如果應用程序被PC使用，屏幕太寬，所以我想爲應用程序設置最大寬度並將JQMPage對齊到PC模式中。

如果它被移動使用，則不需要width = device-width。

現在我將樣式設置爲JQMPage div，它的最大寬度是工作的，但我無法對齊中心。我該怎麼辦？

只有在PC模式下才能設置最大寬度和對齊中心？

2014-02-05 Kyaw Min Thu L

JQM頁面是絕對定位，這樣你就可以居中他們是這樣的：

div[data-role=page] { 
    max-width: 600px; /* choose appropriate max-width */ 
    left:0; 
    right:0; 
    margin-left:auto; 
    margin-right:auto; 
}

如果你願意，你可以把一個媒體查詢，只有生效時，屏幕寬內這條規則（然後你可以添加邊框/陰影等）：

@media all and (min-width: 600px) { 
    div[data-role=page] { 
     max-width: 600px; 
     left:0; 
     right:0; 
     margin-left:auto; 
     margin-right:auto; 
     border: 1px solid #ccc !important; 
     -moz-box-shadow: 2px 2px 12px 2px rgba(100,100,100,0.3); 
     -webkit-box-shadow: 2px 2px 12px 2px rgba(100,100,100,0.3); 
     box-shadow:   2px 2px 12px 2px rgba(100,100,100,0.3); 
    } 
}

這裏是一個DEMO

注：在我的例子中，我已經使用600px的作爲最大寬度。您應該將其調整爲適用於您項目的實際值。

來源

2014-02-05 14:31:36 ezanker

我想你想開發響應位置K ......即使在我的項目我在這裏面臨着同樣的問題，我想這其工作正常，我密度視移動

來源

2014-02-05 11:45:32 kamesh

當使用PC時，將中心對準jqm4gwt的JQMPage

回答

相關問題