小编Daw*_*id 的帖子

我在我的页面 zaybee.pl 上有 youtube iframe 的问题，当您查看 youtube 帖子中的小窗口时，一切正常 - youtube 宽度更改为窗口宽度：

但是在手机（Android、Google Chrome）上，iframe 比网页的其余部分大：

页面上的其余元素具有良好的宽度。在桌面测试人员中，页面在移动设备上的外观如何，一切看起来都不错。不知道哪里出了问题。

我的代码片段：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>

<div class="ytframe"><iframe width="100%" height="364" style="position:relative;z-index:100;" src="http://www.youtube.com/embed/'.$src['v'].'?wmode=transparent" frameborder="0" allowfullscreen></iframe></div>

.ytframe {width:calc(100% - 77px);height:400px;position:relative;}