0

私はこれを持っています: http://jsfiddle.net/cN2pS/embedded/result/ そして、これらの div (テキストと数字) をドンにするために、円 (テキストと数字) 内の div を適応させる最良の方法を探しています円がはみ出さない……うまく説明できているかわかりませんが、解像度が違うと、円がはみ出すことがあります……上記のjsfiddleのリンクにアクセスしたら、試してみてくださいウィンドウのサイズを変更すると、 Zona de Información 、そのテキスト オーバーフローを含む左下の円が表示されます...よろしく、ダニエル

編集： overflow:hidden;を追加するとうまくいくようです。font-size を 14px に縮小します。実際の例: http://jsfiddle.net/cN2pS/8/embedded/result/

EDIT2：もう1つ質問があります。モバイルデバイスの解像度に適応するためにメディアクエリを効率的に使用するチュートリアル、ライブサンプルなどを知っていますか? これらのサーキュラー div を適応させるために...または、デスクトップ ブラウザ ウィンドウのサイズを何度も変更する必要があります...これのための魔法のツールはありますか? ：） ありがとう

助けてくれてどうもありがとう。

4

2 に答える 2

0

CSSワードラップを使用できるかもしれません：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 に答える
0

あなたはこのようなものを求めていますか？

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

私はモバイルデバイス用に設計しているときにこれを使用し、それはかなりうまく機能します。

于 2012-07-14T18:30:52.333 に答える