0

我有这个： http: //jsfiddle.net/cN2pS/embedded/result/ 我正在寻找最好的方法来调整圆圈内的div（文本和数字）以便这些div（文本和数字）不要'不溢出圆圈......我不知道我是否解释得很好，但是在不同的分辨率下，有时，圆圈的文字溢出......当你访问jsfiddle上面的链接时，试试调整窗口大小，您会看到左下角的圆圈，其中包含Zona de Información，其文本溢出...问候，丹尼尔

编辑：通过添加溢出看起来效果更好：隐藏；并将字体大小减小到 14px。现场示例：http: //jsfiddle.net/cN2pS/8/embedded/result/

EDIT2：只有一个问题：您是否知道任何教程，现场示例等，有效地使用媒体查询以适应移动设备的分辨率？为了适应这些圆形 div...或者我必须多次调整桌面浏览器窗口的大小...有什么神奇的工具吗？：） 谢谢

非常感谢您的帮助。

4

2 回答 2

0

你问这样的事情吗？

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

我在为移动设备设计时使用它，它工作得很好。

于 2012-07-14T18:30:52.333 回答
0

可能你可以使用 CSS word-wrap: break-word; 属性：

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

检查这个http://jsfiddle.net/cN2pS/5/embedded/result/

于 2012-07-13T07:48:21.513 回答