web-dev-qa-db-ja.com

ブラウザのズームイン/アウト最適化とレスポンシブデザイン

応答性を高めるように設計されたWebサイト(タブレット、電話)がある状況です。私たちのビジネス関係者は、サイトが90%に縮小されたときに問題を発見しました。彼の主張は、レスポンシブサイトは、定義により、さまざまなズームレベルで応答する必要があるというものです。これは事実ではありません。サイトのズームとレスポンシブデザインは同じものではありません。しかし、これを適切に説明する方法がわかりません。誰かが私を助けてくれませんか?ありがとう!

2
Lisa B

これは特定の問題に依存しますが、特定の実装の問題はここUX.SEではトピックから外れているため、質問の使いやすさの部分について説明します。

一般的に、特定のニーズがなければ、クライアントは正しいです。あなたが言うように:

サイトのズームとレスポンシブデザインは同じものではありません

基本的に レスポンシブデザイン はWebデザイン/開発アプローチですが、ズームは存在する場合と存在しない場合がある機能ですレスポンシブアプローチに含まれる可能性のあるツール、機能、スクリプト、アセットの膨大なセット。

レスポンシブデザインで行う最も一般的なことの1つは、次のようなものを使用することです。

<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1, user-scalable=no" />

このコードはズームを無効にしますが、回避する必要があります。ユーザーに対して 制御の軌跡 を無効にしています。

ただし、ユーザーはズームできるため、特定の問題は大きく異なる可能性があります。ただし、レスポンシブデザインとは、定義によってデザインがレスポンシブである必要があることを意味します(クライアントが言うように)。したがって、適切な対策を講じて、発生する可能性のある問題の解決策を提供してください。繰り返しますが、これは実装の問題のようですので、問題自体に依存します

追加の読み:

2
Devin