android - 全宽视频不工作

Question

我有一个视频网站vidz.dundaah ，它主要展示 YouTube 视频，但是当我在屏幕分辨率为 218 X 211 的手机上访问该网站时，视频的宽度约为 80% 并且当通过 PC 访问视频的宽度为 100%。我想知道这是否只是我的问题，无论如何要在所有平台上将视频宽度解析为 100%。谢谢。

.underline {
    font-size: 14px;
    color: #565656;
    vertical-align: middle;
    padding: 20px 0;
    margin-bottom: 0;
}
.vida{margin:auto 0px;}

.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    overflow: hidden;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
}

<div class="underline vida">
  <div class="container">
    <iframe src="https://www.youtube.com/embed/XGnSx3lF1xQ" allowfullscreen class="video"></iframe>
  </div>
  <div class="clear"></div>
</div>

Answer 1

改成这个似乎解决了问题，至少在我的手机上 .vida{margin:auto 1px;}