关于 frameset 影响响应式布局的一个问题

2016-08-09 21:27:17 +08:00
 mrsatangel

一个采用 Bootstrap 建的响应式网站,在本地调试一切 ok 但是一旦部署到服务器上发现就不能根据用户设备调整布局,检查之后发现服务器端的页面和本地调试的页面的差别在于服务器端页面是基于 frameset 的 frameset 结构的页面在 html 节点下有一个head,在 frameset 的每一个子 frame 下面又有head,子 frame 的head。服务器端的模板设置<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">这个响应式必需的属性的时候只能设置到子 frame 的head里面,因此导致服务器端的页面不能响应设备的尺寸。

但是问题是服务器和本地的代码是一样的啊,为什么会出现服务器端使用 frameset 的情况呢? 附模板文件截图 服务器是用 Node.js+Express+pug(jade)写的

1392 次点击
所在节点    问与答
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/298236

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX