2

スライダーに jQuery プラグインを使用していますが、ブラウザーのサイズを変更してもスライダーの画像は変更されないようにしたいと考えています。以下のウェブサイトは、エフェクトのインスピレーションです。

www.beoplay.com

4

4 に答える 4

1

画像を修正またはフリーズしたい場合は、それらの画像の %age 値をピクセル単位で指定してください。これにより、ズームインまたはズームアウトに関係なく、固定されたままになります。

このツールを使用して、ピクセルをパーセンテージに変換できます。

これが役立つことを願っています。

編集:代替ソリューション

Media Queryを使用することをお勧めします。応答性に応じて画像をそのまま残すことができます。

問題の画像に関連するメディア クエリを適用する必要があります。

これが役立つことを願っています。

于 2013-08-12T10:37:04.967 に答える
0

zoom: reset;Chrome/webkit ベースのブラウザーでは、 CSS ルールを試すことができます

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW15

ビューポートの相対単位を要素に追加することもできます。https://caniuse.com/#feat=viewport-units

于 2013-08-12T10:41:00.157 に答える