スクリーンショットのサイズを最大化し、スクロールバーやオーバーフローを最大限に避けたいです。
どのサイズがお勧めですか?
ライトボックスを使用しています。
スクリーンショットのサイズを最大化し、スクロールバーやオーバーフローを最大限に避けたいです。
どのサイズがお勧めですか?
ライトボックスを使用しています。
回答:
これはグーグルの優れたブラウザサイズツールで、ユーザーの何パーセントがあなたのウェブサイトの異なる領域を見るかを示しています。これは本当にウェブページをチェックし、「浅い」画面(ほとんどのラップトップの画面は非常に広く、画面が非常に浅い/奥行きがない)に重要なコンテンツと行動を促すフレーズが表示されることを確認するのに役立ちます。
更新:Googleはこの機能をGoogle Analyticsに追加しました。これにより、訪問者がサイトをどの程度見ることができるかを確認できます:http : //analytics.blogspot.com/2012/06/new-feature-conduct-browser-size。 html
これはサイトとユーザーベースによって異なる可能性がありますが、多くのWebサイトは依然として1024ピクセル幅の画面幅をサポートしています(その解像度を使用するかなりのユーザーベースがまだあるため)。したがって、画像は、幅が1024ピクセルのスペースに収まる十分な大きさにする必要があります。ライトボックスの左側と右側に15pxのクロムがあり、1024px幅のモニター解像度を実行している人のために、その両側に30pxのマージンが必要だとします。
1024-30ピクセル(ライトボックスクロム)-60ピクセル(マージン)=幅934ピクセルの画像。
繰り返しになりますが、特にライトボックスのエッジをページに対して特定のポイントに配置したい場合や、グリッドなどにスナップしようとしている場合は、サイトによって仕様が異なる場合があります。
クールな解決策は、2560x1600の最大解像度でスクリーンショットをアップロードすることです。次に、ページがロードされたら、ブラウザーウィンドウのサイズを検出し、最初のリクエストでイメージハンドラーを使用してサーバー上のイメージのサイズを変更して保存します。
そうすることで、高解像度モニターを使用している人が見過ごされることはありません。
$(window).width()
そして$(window).height()
jQueryでは有効なようです!