在移動設備上切斷桌面？

我在網頁上有一個表格（下面的代碼），出於某種原因，當我在移動設備上導航到此頁面時，表格的右側似乎被切斷了？我怎樣才能解決這個問題？在移動設備上切斷桌面？

<head> 

<meta name="viewport" content="width=1000"> 

</head> 

    <center> 

     <table style="width:80%;"><tr> 
     <td> 
      <?php print render($page['content']); ?> 
      </td> 

      <td valign="top" style="padding-left:2%; font-size:18px;"> 

        <?php print render($page['highlighted']); ?> 

      </td> 


      </tr></table> 

     </center>

來源

2017-03-09 Brittany

請問這[鏈接]（http://stackoverflow.com/questions/23371582/why-is-my-website-cutting-off-on-mobile-devices）有幫助嗎？也許嘗試將你的'meta'標籤改爲' –

嘗試使用bootstrap並使用.table-responsive類。 https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_table-responsive&stacked=h – SGventra

這是因爲很難在移動設備上使用表格，應儘可能避免使用表格。您可以查看將表格的寬度設置爲100％並將溢出設置爲滾動。這是引導程序如何使表響應

<table style="width:80%; overflow: scroll;">

來源

2017-03-09 20:55:29

這仍然削減表：/ – Brittany

它允許我從左到右滾動，但我希望整個頁面到設備的大小？ – Brittany

歡迎使用手機設計;）就像我說的那樣，讓手機在移動設備上正常工作很困難 –

您可以隨時使用媒體查詢。

不幸的是，他們不適合內聯的CSS，所以你需要給表的類和一個CSS文件。

通過媒體查詢，您可以爲不同大小設置特定的css規則。

所以這

@media屏幕和（最大寬度：800像素）{ .tableclass { 寬度：; } }

可否設定，讓如果屏幕尺寸小於800個像素表將使用不同的寬度。

務必確保媒體查詢位於css文件的底部。您可以一次設置多個。

來源

2017-03-09 21:03:36

嘗試了這一點，我的表的右側仍然被切斷：/ – Brittany

在移動設備上切斷桌面？

回答

相關問題