【发布时间】:2016-02-03 16:46:28
【问题描述】:
当浏览器窗口大小减小时,我们如何自动缩小网页,反之亦然。 使网页适合浏览器窗口而没有滚动条。
【问题讨论】:
-
您的要求是创建响应式设计(跨设备支持)。请参考 - stackoverflow.com/questions/35169499/… 以获得详细答案。
标签: javascript html css
当浏览器窗口大小减小时,我们如何自动缩小网页,反之亦然。 使网页适合浏览器窗口而没有滚动条。
【问题讨论】:
标签: javascript html css
为此,您可以使用引导程序。 Bootstrap 有助于使您的网站具有响应性。你可以从http://getbootstrap.com/尝试引导
【讨论】:
创建一个容器 div 或部分,它有一个固定的大小,并且有一个 margin-left: 50% 属性。然后你有一个固定大小的空间来放你的东西。对于博客,这看起来不错,那些通常看起来很薄,两边的边距都很宽。连推特都用这种设计。
这有助于使不同计算机和平板电脑在不同屏幕尺寸上的所有内容看起来一致,但对于移动设备而言,这并不是最佳解决方案。要解决此问题,您可以创建一个单独的移动子域 (m.example.com)。
为了测试响应能力,我发现最好的工具是 chrome 的内置移动模拟器。
【讨论】: