Javascript 不同平台上的网站大小不同

我正在制作一个网站使用砌体和放大弹出窗口。我的目标是让这个网站在不同的设备上响应

我在桌面上调整了浏览器的大小以预览它，它在桌面上的大小调整得非常好。但我手机的实际外观却大不相同

在已调整大小的浏览器中的外观：

它在iPhone上的外观：

看起来整个布局在手机中向左移动了。类似的问题也出现在ipad/mini上。

---

非常感谢您的建议

现在，YouTube视频正在弄乱页面宽度。尝试添加一些jQuery以使youtube宽度响应，例如：

  $('iframe').attr('width',$( window ).width());
  $('iframe').attr('height',$( window ).height());

但说真的，这并不能解决所有问题。你应该学习Bootstrap或Bootstrap。

---

学习一个响应CSS框架的时间，尝试Bootstrap或Buffic。你需要发布你的代码。虽然Bootstrap和Buffic是很好的资源，但是尝试使用纯CSS来处理响应是没有错的。