html - 将嵌入的页面内容调整到视口(viewport)

Question

我正在使用 Bootstrap 。 由于视口(viewport)问题，我无法在移动设备上使用旋转木马滑动。

https://f40e78d2360ec7809a8c04445fd688e46c3a22d4.googledrive.com/host/0B_bqKoIkDjvKWVNkaXVPQ2QtYm8/shaiabs/gthub.html

PageSpeed Insight 说:页面内容是 390 CSS 像素宽，但视口(viewport)只有 375 CSS 像素宽。以下元素落在视口(viewport)之外 元素<div class="embed"></div>落在视口(viewport)之外。

这是一个嵌入式联系表。

我不明白我应该在哪里做哪些改变:

在嵌入代码或联系表中

Answer 1

use this css in your stylesheet in @media 

center-block
    {
    width:100% !important;
    }
.elegantshadow
    {
        padding:0px !important
    }