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

时间:2018-10-16 12:58:37

标签: twitter-bootstrap containers amp-html amp-story

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

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

  

.container类是固定宽度的容器。那不代表   它没有反应。反应灵敏;但是,它基于   屏幕尺寸。屏幕尺寸包括:

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)
     

container-fluid类将采用视口的整个宽度。如果   您使用容器流体并调整浏览器的大小时,您可能会注意到   里面的内容会随着每个像素的变化而调整   可用宽度。

1 个答案:

答案 0 :(得分:1)

默认情况下,它不会执行任何操作,因为它不是amp-story的一部分。

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

此外,amp-story处理响应性的方式可能与Bootstrap不兼容,因为amp-story桌面用户界面在浏览器窗口中有多个较小的“视口”,而Bootstrap无法理解。