適切なレスポンスデザインは通常、ピクセル(またはem
,rem
,vw
などのような他の測定単位)、およびパーセントとメディアクエリを使用する必要があります。 Twitterのブートストラップのような最も応答設計のフレームワークは、まだ彼らのメディアクエリのためのピクセルを使用します。
/* Example of a Bootstrap Media Query */
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
そして、彼らの応答性のユーティリティクラスのいくつかはパーセンテージおよびマージン/パディングを使用して依存しているハンドル:だから
/* Example of Bootstrap's Responsive Column Classes */
.col-xs-1, ... .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
使用するハード/ファーストルールではありません。特定のシナリオにはパーセンテージが必要な場合もあれば、正確なサイズを定義する場合もあります。レスポンシブデザインを適切に実行するには、使用可能なツール(パーセンテージまたはピクセル)を使用する必要があります。
明らかです。 25%のアイコンがある場合は、何パーセント使用するべきですか?知ることはできません。他のものは 'em'や' px'の方が良いという質問です。しかし、これは主に意見に基づくものとして閉鎖されるべきである。 –
さらに、レスポンシブとはレイアウトを変更するすべての解像度にデザインが適応することを意味しますが、パーセンテージ測定の使用は明示的でも暗黙的でもありません。 –
この質問は意見が広すぎる、意見に基づいている、またはディスカッションが必要なため、スタックオーバーフローのトピック外です。具体的な、解決可能な、プログラミングの問題がある場合は、詳細を記入してください。 –