响应HTML滚动框

我目前使用这个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"

谢谢！

2013-03-18 Anonymous

'响应'？你的意思是它会根据窗口大小改变大小？ – 2013-03-18 03:51:51

是的，但我不希望它变得比其给定的尺寸大。在大屏幕上查看时。在手机和平板电脑等设备上查看时，请将其缩小。 – Anonymous 2013-03-18 04:03:12

这是你想给height和width一些百分比您正在寻找http://jsfiddle.net/ZXVA5/

什么。

这里是一些内容和overflow:auto

2013-03-18 03:55:35 btevfik

是的！虽然，我不得不做一些调整。你能让我知道我可以在那里添加什么来调整字体大小吗？当我添加你创建的代码块时，它变得巨大。 – Anonymous 2013-03-18 04:09:46

尝试这个http://fittextjs.com/ – btevfik 2013-03-18 04:11:29

其实，我只是用包装它，它的工作 – Anonymous 2013-03-18 04:11:37

回答