9

私は道に迷っており、Mobile-Firefox にサイトを完全にズームアウトしてロードさせる方法がわかりません:/stackoverflow と Web の両方を検索して、有効な解決策を見つけることができませんでした。ここにへのリンクがあります

ウェブサイト！

私のウェブサイトの個別のモバイル版はありません。ズームインとズームアウトを許可し、iPhone、iPad、および標準の Android ブラウザで問題なく動作します。しかし、私の Android で Mobile-Firefox を使用すると、ズームされたページがロードされます...そして、それだけでは主な問題ではありません!

ページの「クリック可能な」領域は、最初のズームの同じ小さな「ボックス」のままです。スライダーをスライドさせることはできません。その小さな「アクティビティ ボックス」の外側の写真をクリックして、fancybox リンクを開くことさえできません。など。サイトをその小さな「ボックス」にパンするとすぐに、スライドしたり、リンクをクリックしたり、できるはずの操作をしたりできます。

私のメタコードは次のとおりです。

        <meta name="viewport" content="width=device-width, initial-scale=1">

Web サイトの出発点としてhtml5boilerplateを使用しましたが、ビューポートの問題を引き起こす可能性のある競合はありますか? 別のユーザーが解決策を見つけたようで、古いブラウザーを指す別のメタタグを取り除きました。私は自分のコードで次のことを見つけましたが、それを消去するかどうかは問題ではありません:

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

また、次のコード スニペットを使用しようとしましたが、役に立ちませんでした。

    <style>
    -moz-@viewport {
            width: device-width;
            initial-scale: 1;
    }   
    </style>

多分誰かがこれに対する簡単な解決策を知っていますか? 問題に取り組む方法について、どんな種類の助け、アドバイス、またはヒントにも感謝します:) よろしくお願いします！

乾杯、マーリン。

4

3 に答える 3

0

widthタグのみを設定し、他のタグを設定しないとうまくいくようです。

于 2013-10-25T20:26:53.543 に答える
0

私は多くの仕事をしていましたが、Firefox モバイルで動作する他のサイトを調べた後、解決策が見つかりました。解決策は、メタ タグ ビューポートを増やすことでした。

これはここで完全に機能しました。

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

于 2017-12-27T16:04:00.813 に答える