混合引導程序與無響應的div內容？

Question

我的老板要求我使用引導程序來更新網站的一部分，但只能使用標題。 我為標題使用了靜態導航欄，而頁面的其余部分則是一團糟的湯（我認為該網站是10年前寫的）。 現在，代碼的結構方式如下：

<div class="container">
    < code for the navbar ></code for the navbar>
    <Table>
         <content of website>
    </Table>
</div>

它在台式機上看起來很棒，但在移動設備上卻散開了，並放大到了網站的左上角。 您看不到所有標題或網頁的約65％。 我在用：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

引導程序頁面無法重寫，因為我們將在至少165個不同的html文件中重復使用此標頭。 所以我想我想問的是，可以將網頁的非響應部分放入響應元素中，以便根據屏幕大小縮小內容嗎？

干杯!

Answer 1

您阻力最小的方法是將表包裝在<div class="table-responsive"></div> ，例如：

<div class="container">
    < code for the navbar ></code for the navbar>
    <div class="table-responsive">
        <table>
            <content of website>
        </table>
    </div>
</div>

這將使表格在移動設備上滾動。 在這里查看文檔

Answer 2

您的body和html都是width: 100%和height: 100%嗎？ 只想確認一下。