Twitter bootstrap 什么将<;div=";容器液体“&燃气轮机;你喜欢这个故事吗?
.container类是固定宽度的容器。这并不意味着 它没有反应。它反应灵敏;但是,它是基于 屏幕大小。屏幕尺寸包括:Twitter bootstrap 什么将<;div=";容器液体“&燃气轮机;你喜欢这个故事吗?,twitter-bootstrap,containers,amp-html,amp-story,Twitter Bootstrap,Containers,Amp Html,Amp Story,.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. Deskt
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)
容器流体类将采用视口的全宽。如果
使用容器流体并调整浏览器大小时,可能会注意到
它里面的内容会随着每个像素的变化而调整,以获得完整的图像
可用宽度
默认情况下,它不会执行任何操作,因为这不是
amp story
的一部分
这个类来自Twitter引导,所以我在您的问题中添加了[Twitter引导]
标记。您需要内联引导CSS,而不是使用引导组件或JavaScript。因为这需要内联20kb的CSS,所以编写自己的媒体查询可能会更有效
另外,amp-story
处理响应的方式可能与引导不兼容,因为amp-story
桌面UI在浏览器窗口中有多个较小的“视口”,引导无法理解