響應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

回答