レスポンシブデザインに関しては、目前の問題に取り組むための多くの創造的な方法があります。
パーセンテージを使用して、デザインの応答性を高めることができます。パーセンテージを使用することは、ユーザーのビューポートを最大化するための安全な方法です。
例えば。
html, body {
height: 100%;
width: 100%;
margin: 0;
}
そこから、サイトコンテナを操作して、より具体的にすることができます。
また、HTMLのヘッドセクションにあるJavaScriptは、画面サイズを検出し、それに応じてさまざまなCSSルールを調整するのに役立ちます。
<!-- hide script from old browsers
//<![CDATA[
var windowWidth=screen.availWidth;
var windowHeight=screen.availHeight
function sniffer() {
var el=document.getElementById("body");
if(screen.width<=600) {
el.style.width='100%';
el.style.height= windowHeight;
el.style.margin="auto";
}
}
onload=sniffer;
//]]>
// end hiding script from old browsers -->
上記のJavaScriptは、ユーザーの画面が600px以下かどうかをチェックしています。その場合、body要素の幅、高さ、マージンのルールを調整します。
お役に立てれば!