HTML5 Javascript移動應用程序不適用於較小分辨率的平板電腦

Question

我正在使用Kendo UI Mobile框架，並且我將min-width屬性設置為768px。 當我在分辨率較低的平板電腦上向上拉動頁面時，會導致水平滾動。 如果分辨率小於設置的寬度，我只希望頁面自動縮小。 過去，我使用此元標記來解決此問題： <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

但這是行不通的。

關於如何使頁面自動縮放以適合設備寬度的任何幫助都將非常有用

Answer 1

您也可以嘗試擺脫“最小寬度” CSS屬性，而僅使用“ width：100％”，使其適合任何瀏覽器尺寸。 對於使用ems而不是px的寬度，也有一些猜測，因為有太多不同的移動設備和瀏覽器，因此基本上不可能針對每種意外情況進行計划。 不幸的是，我找不到有關使用em的文章的鏈接，但是基本上，如果您取消了一些嚴格的下限限制，則可能會發現支持更多種設備更容易。

還可以檢出引導程序 。 這是一個非常好的響應式設計包。

Answer 2

嘗試這個例如。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,    minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">