1

私はたくさんのウェブサイトを構築しましたが、それらはすべてモバイル デバイスで同じことを行います。彼らは本来のように小さく縮みます。

Joomla 2.5 と Wright Framework を使用して構築したこの Web サイトは、サイズが変更されません。(はい、Wright がレスポンシブ デザインの Bootstrap フレームワークであることは知っていますが、クライアントはプロジェクトの最後に、Web サイトをレスポンシブにしないように要求しました。彼らはそれを好まないのです)

私は見つけることができるすべてを試しました。誰か提案はありますか？

ウェブサイトはこちらです。モバイルデバイスで表示すると、私が何を意味するかがわかります。

http://174.122.19.188/~rockwall/

私が試したいくつかのメタ名：

    <meta name = "viewport" content = "width = device-width">
    <meta name = "viewport" content = "initial-scale = 1.0">
    <meta name = "viewport" content = "initial-scale = 2.3, user-scalable = no">
    <meta name = "viewport" content = "width = 320, initial-scale = 2.3, user-scalable = no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
4

1 に答える 1

5

ページを画面の幅に合わせて「縮小」する場合は、ビューポートの幅を最も広いコンテナーの幅に等しくなるように設定します。

<meta name = "viewport" content = "width = 940">

ユーザーがズームインできるようにする場合は、user-scalabel を追加し、maximum-scale を設定します。

<meta name = "viewport" content = "width=940, maximum-scale=1.0, user-scalable=yes">

例はこちら

于 2013-01-09T04:46:11.690 に答える