网站在不同平台上调整大小不同答案

【问题标题】：website resize differently on different platforms网站在不同平台上调整大小不同
【发布时间】：2014-10-08 03:29:25
【问题描述】：

我正在使用 Masonry 和 Magnific Popup 制作网站。我的目标是让这个网站在不同的设备上响应。

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

在调整大小的浏览器中的样子：

看起来整个布局在手机中向左移动。类似的问题也出现在 ipad/mini 中。任何建议都深表感谢。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：