Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで幅と画面サイズの比率（幅：高さ）に基づいて高さを見つける

問題

画面の幅を最初の引数として、アスペクト比（w：h）を2番目の引数として受け取るJavaScript関数を作成する必要があります。これらの2つの入力に基づいて、関数は画面の高さを返す必要があります。

例

以下はコードです-

const ratio = '18:11';
const width = 2417;
const findHeight = (ratio = '', width = 1) => {
   const [w, h] = ratio
   .split(':')
   .map(Number);
   const height = (width * h) / w;
   return Math.round(height);
};
console.log(findHeight(ratio, width));

出力

以下はコンソール出力です-

1477

  1. CSSの幅と高さのプロパティ

    高さと幅は要素のコンテンツ専用に定義できますが、これらのプロパティには余白、パディング、境界線は含まれていません。 構文 CSSのheightプロパティの構文は次のとおりです- Selector {    height: /*value*/ } CSSwidthプロパティの構文は次のとおりです- Selector {    width: /*value*/ } 幅と高さのプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <head> <title>CSS height

  2. CSSを使用した画面サイズに基づく列幅の変更

    画面サイズに基づいて列幅を変更するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .sample {    width: 50%;    background-color: lightblue;    height: 200px; &nbs