2013-03-18 74 views
2
我目前使用這個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" 

謝謝!

+0

'響應'?你的意思是它會根據窗口大小改變大小? – 2013-03-18 03:51:51

+0

是的,但我不希望它變得比其給定的尺寸大。在大屏幕上查看時。在手機和平​​板電腦等設備上查看時,請將其縮小。 – Anonymous 2013-03-18 04:03:12

回答

5

這是你想給heightwidth一些百分比您正在尋找http://jsfiddle.net/ZXVA5/

什麼。

這裏是一些內容和overflow:auto

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

+0

是的!雖然,我不得不做一些調整。你能讓我知道我可以在那裏添加什麼來調整字體大小嗎?當我添加你創建的代碼塊時,它變得巨大。 – Anonymous 2013-03-18 04:09:46

+0

嘗試這個http://fittextjs.com/ – btevfik 2013-03-18 04:11:29

+0

其實,我只是用包裝它,它的工作 – Anonymous 2013-03-18 04:11:37