2

流動的/レスポンシブではないWebサイトを設計し、そのサイトをIPadで表示すると、表示されるさまざまな結果について、常に少し混乱します。

IPadがウェブサイトのサイズをどのように正確に変更/拡大縮小するのか疑問に思っていますか?

ある開発者は、ディスカッションで、幅1200ピクセルのウェブサイトを作成すると言った場合、iPadがこれを自動的にスケーリングするので、心配する必要はないと言っています。このスケーリングとは、水平方向にスクロールする必要がないという点で、サイト全体が常に表示されることを意味します。

時々これが当てはまる傾向がありますが、同じサイトのいくつかのページを見ると、これは真実ではありません。

どのページが正しく表示され、どのページが正しく表示されないかについては、ほとんどランダムに見えますが、これは非常にイライラする可能性があります。

上記に基づいて、これをもう少し極端にすると、コンテンツが非常に小さく、読みやすくするためにズームインする必要がある場合でも、4000pxのWebサイトがIPadに水平に表示されると思います。それは正しい仮定でしょうか?

また、向きが変更されると、サイトに自動ズームが行われるように見えますが、これも非常に煩わしいものです。これについての説明はありますか?

最後に、ピンチを無効にするソリューションについてたくさん読みました。これはIPadには問題ないように見えますが、コンテンツを読みやすくするためにほとんどすべてのユーザーにズームが必要なため、iPhoneにはかなり注意が必要です。一方のデバイスで無効にし、もう一方のデバイスでは無効にすることはできませんか?

すべての入力をありがとう。

4

1 に答える 1

3

ワック

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

あなたの HTML で<head>。スケールダウンしないようにデバイスに指示します。

PHP を使用してデバイスを判別し、必要に応じてそのコード行を切り替えることができます。

于 2012-12-06T13:15:20.960 に答える