<div="container-fluid"> 在 amp-story 中会做什么?

What will <div="container-fluid"> do in amp-story?

http://whosebug.com/questions//container-fluid-vs-container

https://www.jquery-az.com/bootstrap-container-and-container-fluid-what-is-the-difference/

The .container class is the fixed width container. That does not mean it is not responsive. It is responsive; however, it is fixed based on screen size. The screen sizes include:

xs for extra small devices (used for less than 768 e.g smart phones, mobile etc.)
sm for small screens (From 768 pixels and up e.g. tablets)
md for the medium screen (>= 992 pixels. Desktops/Laptops)
lg for large screens (>= 1200. Pixels e.g. large desktops)

The container-fluid class will take the full width of the viewport. If you use the container-fluid and resize the browser, you may notice the content inside it will adjust with every pixel to take the full available width.

默认情况下,它什么都不做,因为这不是 amp-story 的一部分。

这个 class 来自 Twitter Bootstrap,所以我在你的问题中添加了 [twitter-bootstrap] 标签。您需要内联 Bootstrap CSS 而不是使用 Bootstrap 组件或 JavaScript。由于这需要内联 ~20kb CSS,因此编写自己的媒体查询可能会更高效。

此外,amp-story 处理响应的方式可能与 Bootstrap 不兼容,因为 amp-story 桌面 UI 有多个较小的 "viewports"浏览器 window,Bootstrap 无法理解。