站点缩放到浏览器窗口大小

Question

我尝试使用响应式网站来扩展浏览器窗口大小。我不知道为什么它不起作用，我不想要这个滚动条。

JSFiddle

        html 
        {
          font: normal normal 12px/1 Calibri;    
          font-weight: bold;
          color:#666;
        }   
        body
        {

            background-color:#f1f1f1;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
        .box
        {
            padding:20px;
            background-color:#fff;
            border:1px solid #ccc;
            border-radius:5px;
   }

Answer 1

请浏览this

通过添加.table-responsive来响应任何.table，使它们在小型设备（768px以下）上水平滚动，从而创建响应式表。查看大于768px宽的任何内容时