html - 响应式 HTML 滚动框

Question

我目前正在使用这个 HTML 滚动框：

<div style="height:107px;width:445px;border:1px 
solid #ccc;font:18px Arial; overflow:auto;"> 
This is an HTML Scrolling Box. </div>

我网站上的所有文本和图像都是响应式的，事实上它们可以缩小到手机和平板电脑的大小。是否有任何可能的方法可以在上面的代码中添加某种类型的规则或一些简单的东西，使其也像我网站的其他部分一样响应？

我已经尝试过使用这段代码（没有运气）：

style='max-width:100%;' style='max-height:100%' border="0"

谢谢！

Answer 1

这就是你要找的东西http://jsfiddle.net/ZXVA5/

你想给height和width一些百分比。

这里有一些内容和overflow:auto

http://jsfiddle.net/ZXVA5/1/