4

私はモバイルデバイス用のコース講義を開発しており、ズーム機能を無効にしています。画像を除くページ上のすべてのものについて、このように保持したいと思います。

ユーザーがページ内のポップアップウィンドウを開くリンクをクリックしたときに、jqueryを介してmeta user-scalable = "no"を"yes"に置き換えることで、以前の目標に近づきました。次に、ポップアップウィンドウが開いているときにユーザーがズームインします。これらのポップアップウィンドウの多くには、ズームを有効にしたい画像が含まれていました。

ただし、ユーザーがズームインできるようにしたいすべての画像がポップアップウィンドウ内にあるわけではなく、どのコンテンツをどこに配置するかを指定することはしません。私はGUI（css、スクリプトファイルなど）のみを制御します

GUIの残りの部分をscalable="no"のままにして、scalable = "yes"を画像のみに適用する方法はありますか？

4

1 に答える 1

0

ページの一部 (画像) をスケーリングし、残りの部分をスケーリングすることは、実際には意味がありません。ブラウザでの画像のデフォルトの動作におそらく満足していただけると思います。user-scalable="no"ウェブサイト用に通常どおり設定します。画像には新しいウィンドウで開くリンクが含まれています ( target="_blank")。これにより、新しいブラウザー タブが開き、ユーザーがページに戻ることを決定するまでズームできます。

この方法は通常、ブラウザが画像を表示するだけでよいというパフォーマンス上の利点があるため、ライトボックスのようなものと比較して、モバイルでははるかに優れています。

また、ユーザーのスケーリングが無効になっていると、多くのユーザーがイライラすることも付け加えておきます (私自身も含まれます)。最小縮尺を設定し、必要に応じてユーザーがズームできるようにすることを検討してください。

于 2013-02-22T04:21:19.247 に答える