我正在使用Kendo UI移動框架，並將最小寬度屬性設置爲768px。當我在平板電腦上以較小的分辨率拉起頁面時，會導致水平滾動。如果分辨率小於設置的寬度，我只想讓頁面自動縮小。在過去，我用這個meta標籤來解決這個問題： <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />HTML5 JavaScript移動應用不適合較小分辨率的平板電腦
但是這不起作用。
我如何能在頁面自動縮放以適應設備的任何幫助寬度將是巨大的
嘗試此示例。
<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">
給這個試試..沒有骰子..不知道它是否重要，但沒有正確渲染的設備是Android nexus 7 – Rob
你可能也儘量擺脫「最小寬度」 CSS屬性的，只是用「寬度：100％」，這將使其適合於任何瀏覽器的大小。也有一些關於使用ems代替寬度的猜測，因爲有這麼多不同的移動設備和瀏覽器，基本上不可能爲每個應變計劃。不幸的是，我找不到有關使用em的文章的鏈接，但基本上，如果您拿走了一些較低的邊界，您可能會發現支持更多種類的設備更容易。
也結帳bootstrap。這是一個相當不錯的響應式設計軟件包。
問題是，如果內容（表格數據）小於768px，我的內容（表格數據）會變得非常混亂。如果我刪除最小寬度，它會縮放以適合屏幕，但是會以扭曲我的視角爲代價。 – Rob
你如何處理手機？這些設備一般也會比平板電腦小。我認爲你正在考慮一個你永遠無法滿足所有人的情況。我的建議是：對於小於768px的屏幕，減小表格中信息的字體大小，或者以較小的寬度隱藏不太需要的列。如果您環顧網絡，網站會定期隱藏移動版本的信息，或以某種方式對其進行濃縮。否則，也許你只能忍受人們滾動或捏你的頁面。 – Matt
另一種想法是，改變表格中的內容以隱藏文本的一部分，除非有人點擊「更多...」或什麼時候屏幕尺寸很小。該解決方案可能需要一些JavaScript，但它可能是隱藏整個列和其他選項之間的合理妥協。 – Matt
試試這個元標記： – Lowkase