2017-04-12 87 views
-1

我想在小屏幕中顯示12個沒有滾動條的列表。表格應縮小到設備寬度。我怎樣才能實現它?不帶滾動條的顯示全屏

+0

有了這種苛刻的態度,沒有嘗試自己解決這個問題,我不認爲你會達到它:)。 – Aj334

+0

SO不是代碼寫入服務。尋求調試幫助的問題(「爲什麼不這樣做,或者如何使這個代碼有效」?)必須包含所需的行爲,特定的問題或錯誤,以及在問題本身中重現問題所需的最短代碼。沒有明確問題陳述的問題對其他讀者無益。請參閱:[如何創建最小,完整和可驗證示例](http://stackoverflow.com/help/mcve)。 – LGSon

回答

0

的朋友都知道在CSS如pxemrempt

最近的一個創新,在CSS計量單位(自2011年左右)的視口計量單位各單位:

  • vw - 瀏覽器窗口的寬度
  • vh的1% - 瀏覽器視口的高度的1%
  • vmax - 以較高者爲準,vwvh
  • vmin - 以較低者爲準,vwvh

因此,如果你的風格你的表:

table { 
width: 95vw; 
max-width: 95vw; 
} 

您的表將永遠是不管瀏覽器視口的寬度或多窄,瀏覽器視口寬度的95%。