0

画面のサイズに応じてブラウザで正方形（またはdiv）を作成しようとしているので、パーセンテージを使用しています。正方形を画面の高さの40％にして、このパーセンテージの量を取得しますピクセルを取得し、それを幅に使用して正方形を取得します。また、これらの値を使用して中央に配置します。私はjavascriptを使うのが簡単であることを知っていますが、私はあまり慣れていないので、これをどのように行うことができるのか疑問に思っています. 私は次のことを試しましたが、うまくいきません：

@base:calc(40% * 1px);

#mytransform { 
   background-color:#ccc;
   height:@base;
   width:@base;
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-(@base/2);
   margin-left:-(@base/2);

 }

パーセンテージをピクセルに変換するにはどうすればよいですか?

4

3 に答える 3