视差响应式网站

Question

我正在做一个prallax网站，它也必须是响应性的。这是我的网站：http://torm.vot.pl/paralaksa/

有什么办法能让它响应式的吗？

诚挚的问候

Answer 1

您应该考虑将bootstrap添加到您的站点。这是一种简单快捷的方法来使站点响应。您必须将适当的类添加到div标记中，但这是不言而喻的，网站提供了示例，以便以您想要的方式获得网格系统。

我检查了你的代码，你使用了固定的硬编码宽度(例如: 435px;)。您将需要更改您的宽度为%，以便将其转换为响应式设计。

http://getbootstrap.com/

如果您决定不使用bootstrap，这里有一个替代方案。https:// developers.google.com/web/fundamentals/getting-started/your-first-multi-screen-site/responsive?hl=en

基本上，为了实现一个响应式站点，你需要有一个灵活的网格，使用%，并利用媒体查询来定位特定的视窗宽度。

媒体查询：https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

另外，一定要在标题中包括：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

希望这对你有所帮助，并为你提供一个良好的起点。