如何使一個div包含在其他div並且不會溢出

Question

我有這個：http://jsfiddle.net/cN2pS/embedded/result/ 而且我正在尋找適應圓圈（文本和數字）的div的最佳方法，以便這些div （文本和數字）不會溢出......我不知道我是否解釋得很好，但是在不同的分辨率下，有時會出現文字溢出的圓圈..... 當您訪問上面的jsfiddle的鏈接，儘量調整窗口的大小，你會看到左側底圓，包含卵德資訊，它的文本溢出... 的問候，丹尼爾

編輯：它廁所ks喜歡的作品更好通過添加溢出：隱藏;並將字體大小減小到14px。活生生的例子：http://jsfiddle.net/cN2pS/8/embedded/result/

EDIT2：只有一個問題多：你知道的任何教程，活生生的實例，等，以便有效地利用媒體查詢，以適應移動設備的分辨率？爲了適應這些通告divs或者我必須調整我的桌面瀏覽器窗口多次...任何魔術工具爲此？ :)謝謝

非常感謝您的幫助。

Answer 1

也許你可以使用CSS word-wrap：break-word;屬性是：

#divInfIzq { 
    bottom: 15%; 
    left: 15%; 
    position: absolute; 
    word-wrap: break-word; 
} 

入住這http://jsfiddle.net/cN2pS/5/embedded/result/

Answer 2

你問這樣的事情？

http://www.we-are-gurus.com/tools/responsive-design-tester.php?url=http%3A%2F%2Fsmore.rvadv.com&d=320x480&scroll=off

我用這個當我設計用於移動設備，它工作得很好。