7

ページ コンテンツの上にポップアップし、画面の一部をボタンのリストで埋めるモバイル デバイス用のコンテキスト メニューを作成したいと考えています。それはとても簡単です。

ただし、デバイスでページがどこでどのようにズームされているかに関係なく、メニューを同じ正確なサイズと固定位置にしたいと思います。そのため、メニューが呼び出されるたびに、ユーザーが非常にズームインしている場合でも、ボタンのリストは同じサイズで表示されます。つまり、Chrome Mobile ベータ版のオプション メニューなど、携帯電話に既に存在するメニューの機能を模倣したいと考えています。

これはCSSだけで可能ですか？それともJavaScriptが必要ですか？それとも一般には無理ですか？

別の言い方をすれば、次の Refresh/etc メニューのようなメニューを作成することは可能ですか?

ここに画像の説明を入力

ブラウザのズームに関係なく一定サイズですか？

4

3 に答える 3

4

相対サイズを使用し、フォントサイズを動的に変更します

簡単なデモ： http： //jsfiddle.net/tQauj/3/（結果ウィンドウのサイズを変更）

CSS3スケールプロパティを使用することもできます

更新版：

動的なパディングとウィンドウを中央に配置：http：
//jsfiddle.net/tQauj/22/

于 2012-07-25T15:18:00.837 に答える
0

これは、CSS の絶対位置属性または固定位置属性を使用して行うことができます。 http://www.w3schools.com/cssref/pr_class_position.asp

于 2012-07-25T14:04:38.377 に答える
0

メニューを同じサイズと位置に保つ方法を示す CSS の例を次に示します: http://jsfiddle.net/ZfKyj/2/

残念ながら、フォント サイズを簡単に制御できるようには見えません。主な理由は、実際にはズーム レベルを把握するのが非常に複雑であるためです: How to detect page zoom level in all modern browsers?

さまざまなモバイル ブラウザーの API の関数を使用してコンテキスト メニューを生成する方法があるかどうかを確認したほうがよいかもしれませんが、ない場合は、前の段落にリンクされている質問から何かを理解できるかもしれません。

于 2012-07-25T14:05:24.947 に答える