响应式HTML滚动框

时间:2013-03-18 03:46:14

标签: html css responsive-design

我目前正在使用此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"

谢谢!

1 个答案:

答案 0 :(得分:5)

这就是您要找的http://jsfiddle.net/ZXVA5/

你想给heightwidth一些百分比。

这里有一些内容和overflow:auto

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