-3

我尝试建立一个有 2 列的页面。第一个我想占屏幕的 70%，另一列占 20%。

在第一列中，我尝试使用 css 或脚本放置响应式图像，但没有什么能让我满意。

你有什么想法吗？

感谢您宝贵的时间！

例如：http ://www.screencast.com/t/0SddrUSln5

一些技术如下：

1）引导...

    <div class="col-xs-12 col-sm-6 col-lg-10">
<img src="img/intro_img.jpg" alt="" style="width:100%;">
</div>

<div class="col-xs-6 col-lg-2">
sidebar
</div>

2)全屏jquery脚本

http://blog.aaronvanderzwan.com/2012/07/maximage-2-0/

但我不知道如何生成一个“推送”全屏图像且不重叠的侧边栏。

3)Class "responsive-img"

图片永远不会填满屏幕的 70% 或 80%，并且底部存在非常薄的白边。实际上在 83,67....% 当它去 84% 滚动条出现所以没有全屏列。

我是这里的新人...我希望能正确解释...

4

1 回答 1

0

不知道你在问什么......但如果你想设置一个 div 的宽度只占屏幕的 20%，你可以使用这个：

 #div{
width: 20%
}

然后只需使用 div 的 id 制作一个 div 标签，它将占据屏幕的 20%。

这是你问的吗？

于 2014-08-29T23:46:00.887 回答