0

うーん、これに関してはまったく無知です。この一見簡単なタスクの作成に 2 日間を費やしました

電卓のようなウィジェットを作成したいと思います (実際にはそうではありませんが、電卓に非常に近いものです)。可視画面の 3/8 の幅/高さの比率を維持する黒色の div が必要です。divは中央に配置する必要があります。ユーザーが画面を変更した場合 (ドラッグ アンド ドロップまたは全画面表示)、ウィジェットはそれに応じて調整する必要があります。

私はこのdivを機能させることができないようです!

私の意図は、その中にネストされたdivを（ボタンのように）たくさん挿入し、それに応じてスケールを維持するようなdivを作成した後です。

このタスクはとても複雑ですか？

このタスクは非常に複雑なので、フレームワークを使用する必要がありますか? (つまり、これはウィジェットのような単純な電卓です。なぜそのためのフレームワークが必要なのですか?)

EDIT 2ありがとうございますが、私は間違いを犯しました..私が本当に意味することは、ウィジェットが3/8の固定サイズ（幅\高さ）を維持するということです

4

4 に答える 4

1 
#centered { 
   position: fixed; 
   top: 10%; 
   bottom: 10%; 
   width: 30%; 
   left:0; 
   right:0; 
   margin: 0 auto; 
   background: #000; 
}

http://jsfiddle.net/XEnGU/1/

于 2013-09-08T19:14:30.733 に答える
0

私はあなたのためにこれを試しました。x 軸と y 軸でスケーリング可能です。

  #content{
    position:absolute;
    top:10%;
    bottom:10%;
    right:35%;
    left:35%;
    background:black;
  }
于 2013-09-08T19:20:32.983 に答える
0

私が書いたスクリプトでそれを行うことができます：

https://github.com/AwokeKnowing/responsivem

あなたが言うことができます

responsivem(300,800)

次に、メインのdivをに設定します

style="width:300em; height:800em"

したがって、アプリの幅の 1/3 のボタンは width:100em になります。デモを見て、試してみてください!!

于 2013-10-18T20:40:14.717 に答える