0

jQuery モバイル ツールキットを使用して、Web サイトのモバイル バージョンを構築しています。

ページは垂直レイアウトになります (垂直スクロールのみ)。

ユーザーが一番下までスクロールしても、メインページに背景画像を表示したい。

この画像は、リピートなしモードで表示される大きな画像です。画像は、ページの左上隅に左上隅を表示し、幅と高さを可能な限り表示する必要があります (画像はトリミングされないように、または最小限に抑えるようにサイズ変更する必要があります)。

任意の (またはすべての) 異なる画面サイズとアスペクトの画像を配信することは可能ですか?

4

2 に答える 2

1

widthおよびCSSメディアクエリを使用してheight、ユーザーのビューポートの幅と高さに基づいてさまざまな背景画像を配信できます。

また、<body>要素に背景画像を設定し、そのbackground-attachmentプロパティをfixedに設定すると、ユーザーがページをスクロールしても、背景画像はビューポートに対して同じ位置に留まります。

于 2012-05-14T07:52:29.117 に答える
0

以下のメディア クエリ内で必要な CSS の変更を行います。

@media screen and (max-width: 480px) {
}
于 2012-05-16T21:55:52.077 に答える