我正在建立一个单一的网页网站(比如说一本小册子/杂志/简历)。我使用了引导程序的container-fluid。
结构有点-
body
div - container-fluid
div - container-fluid
row
col-7
col-1
col
每个列都有几个行容器。
会发生什么--当我缩小屏幕尺寸时,列就会相互堆叠在一起。
我想要的--当我缩小屏幕尺寸时--所有东西都会缩小,但是外观应该保持不变--就像在移动/笔记本电脑上查看pdf一样。
如何做到这一点?
我使用了position:absolute;,这样当你点击顶部的"Send this page to your email“选项卡时,面板就会向下移动,并遍历下面的内容,而不是向下推。但是,使用绝对位置意味着选项卡将在放大时向左移动,或在缩小时向右移动。当你放大或缩小时,它看起来不太对劲。我想让标签“向内”,当你缩小,而不是它“滑动”。有没有可能防止标签“滑动”,并将其与滑出的面板对齐?
这是我的页面和选项卡: