デスクトップのさまざまなサイズ、iphone、ipadなど、すべてのサイズの画面を開くようにウェブサイトを設計しています。サファリブラウザでテストしています。ブラウザのサイズを変更すると、そのサイズに合わせて内部のデータと画像を調整する必要があります。これを実現するために、Liquid Layout を使用しました。しかし、段落をパーセンテージで設定できません。私も「それら」を試しました。なので、25pxにしました。したがって、ブラウザのサイズを変更すると問題が発生します。Webページ内の画像は、サイズに応じて変化しますが、フォントサイズは一定です。これを行う方法？
前もって感謝します。
CSS で、 を試してくださいp { word-wrap: break-word; width: 100%; }。
魔法はword-wrap: break-word;、これが行うことは、コンテナーを高さで満たすが、幅を維持することです。
font-sizeまた、これにより、 withを設定する必要はありませんが、%を使用できますpx。
編集：質問を修正したので、このようなことを意味しましたか？jsfiddle で実行してから、ブラウザのサイズを変更してみてください。
window.onresize = function(event) {
document.getElementById('test').style.fontSize = (document.width * 0.1)+'px'
}