2016-08-27 9 views
-2

私はテキストと画像を使用して独自のアクティビティカードを作成できるユーザーインターフェイスを作成しました。問題は、テキストコンテンツが作成されて自分のPCに表示されたときに、周囲の枠線に完全に収まるということです。しかし、それがiPad上に表示されるとき、テキストオーバーフローがあります。PCとiPadで同じテキストコンテンツを表示した場合のサイズが異なります

例へのリンク:http://twww.dk/test_overflow.html 例は、iPadとiPadの同じコードの異なる結果を簡単に比較できるように、iPadのスクリーンショットでimgを含んでいます。 いくつかの違いを避ける方法を教えてくれることを願っていますか? ありがとうございます。

+0

ウェブサイトの生のコードを人々に見せる代わりに、コードをスニペットとして追加してください。 –

+0

「PC上にカードを作成し、正しい場所にハイフンを設定したいのですが、不可能です。ページ。以上です。不可能。フォントサイズは依存できません。これは、異なるプラットフォームで、そして同じコンピュータ上の異なるブラウザでさえ異なって見えることがあります。 Macのデバイスは通常、より多くのスペースを取るようにするために、より太い文字を持っています。 – Seb

+0

問題は今解決されました。しかし、助言に感謝します。 –

答えて

0

あなたの「カード」は、コンテンツサイズに応じてサイズを変更するコンテナのように動作するようにCSSで設計しておく必要があります。あなたはそのような設計上の問題を抱えていません。それ以外の場合は、動的コンテンツを静的コンテナに収めようとする必要があります。

+0

問題は解決しました。私は内容編集可能な領域のためにtinymceエディタを使用しました。私はすべてのユニットを相対的なものに変換しましたが、いくつか見逃したと思っていました。 –

関連する問題