問題タブ [screen-positioning]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
151 参照

ios - iPhone 3.5インチとiPhone 4インチの画面いっぱいにiOS変更ボタン画像

仕事用の iOS アプリを書き始めたばかりで、iPhone 3.5 インチと 4 インチの両方に合うように画面上のボタンのサイズを変更する必要があるこの問題に遭遇しました。以下のスクリーンショットを見ると、おそらく私が解決しようとしている問題の大部分がわかるでしょう。

3.5インチ画面用アプリのデザイン

4インチ画面用アプリのデザイン

そのため、私たちのデザイナーはレイアウトを設計しました。ご覧のとおり、カラー ボタンは両方の iPhone セットのデバイスの画面の高さを埋め、アプリのステータス バーとナビゲーション バーの高さを差し引いた高さになります。

自動サイズ変更について少し調べてみましたが、画像でわかるように、要件に適しているとは思えません。

私が考えたもう 1 つのアプローチはコードで、if ステートメントを記述して、アプリを使用している人が iPhone 4 インチを使用しているかどうかを判断し、別の画像をロードするというものでした。ただし、詳細について考えると、これらのボタンのそれぞれの位置を変更して、新しく読み込まれた画像が重ならないようにする必要があります。

私の質問は、目的 c のボタンの位置を変更して、スクリーンショットに従って目的を達成する方法はありますか?

また、現在の問題のアプローチで正しい軌道に乗っているかどうか教えていただければ幸いです。

ありがとうございます。

0 投票する
0 に答える
42 参照

html - パーセンテージ ポジショニング (Google の例)

私は非常に基本的なウェブサイトを持っています。ページの上部にあるヘッダー バー - この Web サイトや Facebook に少し似ています。ページの下部にテキスト ボックスと送信ボタンがあります。

私が抱えている問題は、テキストボックスと送信ボタンの両方の配置に関係しています。私はそれらをパーセンテージで配置しています。その理由は、配置に px を使用した場合、画面によってレイアウトが異なって見えるからです。

私が達成しようとしているのは、Google ホームページがテキストボックスの配置で達成するものです。テキストボックスと送信ボタンを全員の画面の固定位置に表示する必要がありますが、画面が最小化されているときはいつでも、テキストボックスまたは送信ボタンをページの下部に固定したくありません。ブラウザーの制約を移動すると、2 つの要素が重なり合って乱雑になります。

どうすればそれを達成できますか?

ここに私のCSSがあります

みんなありがとう。

0 投票する
1 に答える
88 参照

printing - 画面の同じ行と位置にカウントダウン時計を印刷するにはどうすればよいですか (つまり、新しい番号が前に上書きされます)。

以下のコードがあり、10 から 9、8、7 などにカウントダウンするカウントダウン時計を作成したいと考えています。

同じ行の同じ位置の前の数字を 1 つの数字に置き換えたい (つまり、常に 1 つの数字が表示される)。

それを行うための印刷方法はありますか?

私はプログラミングos.system('cls')が初めてで、トリックを実行できることがわかりましたが、もっと雄弁な解決策が必要ですか?

0 投票する
2 に答える
99 参照

android - タブレット間で一貫性のない特定の X および Y 位置に画像を配置する

さまざまなマウスの穴がある壁紙の上にマウスの画像を配置したいと思います。私の壁紙の縮尺タイプmouseHoleはに設定されていますCENTER_CROP

次のコードを使用して、マウスの X 位置と Y 位置を設定しています。

ただし、2 つの異なるタブレット (具体的には、Samsung Galaxy Tab 5 と Asus ZenPad 10) では、位置が完全には一致しません。壁紙はマウスの穴が 4 つある画像で、すべてのタブレットでマウスの位置を一致させたいと考えています。

0 投票する
0 に答える
41 参照

javascript - JS ツールチップ ポジショニング フリッカー

純粋な JS ツールチップ ライブラリを作成し、本当にうまく機能させました。大きなオプションはなく、超軽量で超実用的でカスタマイズが簡単なツールチップだけです。とはいえ、位置の更新に問題があります。特に、ツールチップが範囲外であることが検出された場合。

そしてそれはうまくいきます!します。問題は、ツールチップが範囲外になるページの右側にあるターゲット要素にカーソルを合わせると、デフォルトの右下の位置と正しい左下の位置の間でちらつきます。さらに調べてみると、カーソルを動かした 1 本おきの髪にのみ範囲外が登録されているようです。たとえば、要素を入力すると、適切に表示されます。カーソルを任意の方向に動かすと、範囲外にあることがわかりませんが、一見右下にリセットされます。さらに 1 ヘア分移動すると、再び範囲外であることがわかり、左下に修正されます。ここでどのような仮定を立てるかはわかりませんが、皆さんに判断してもらいます.