ホームページ  >  記事  >  バックエンド開発  >  携帯電話では PHP Web ページの左側と右側がいっぱいではありません

携帯電話では PHP Web ページの左側と右側がいっぱいではありません

angryTom
angryTomオリジナル
2019-10-19 11:14:042539ブラウズ

携帯電話では PHP Web ページの左側と右側がいっぱいではありません

#php Web ページが携帯電話ではいっぱいではありません

Web ページが携帯電話で表示されると、 meta## を #Metadata

に設定する必要があります (メタデータは、中間データ、中継データとも呼ばれ、データを説明するデータです)。このようにして、Web ページのサイズがモバイル画面に適応します。Web ページがいっぱいになるように、HTML の head タグを追加します:

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

携帯電話の画面幅を設定できます##body

css スタイルは

body{
    padding: 0;
    margin: 0;
    width: 100%;
}
です。メタ タグとその他の一般的に使用される属性が添付されています使用状況分析:

1,

携帯電話で閲覧する場合、このタグは、携帯電話で閲覧するときに、 Web ページのコンテンツ内の携帯電話番号をダイヤル ハイパーリンクとして表示します。

iPhone のデフォルト値は次のとおりです:

<meta name="format-detection" content="telephone=yes"/>

電話機が Web ページ内の電話番号をダイヤル ハイパーリンクとして自動的に表示したくない場合は、次のように記述できます:

<meta name="format-detection" content="telephone=no"/>

2.4fcd90a205f0c78421c6eb4b13595b30

<meta name=”apple-mobile-web-app-capable” content=”yes” />

apple-mobile-web-app の機能-capable は、デフォルトの Apple ツールバーとメニュー バーを削除します。 content には「yes」と「no」の 2 つの値があります。ツールバーとメニューバーを表示する必要がある場合、このメタ行を追加する必要はありません。デフォルトでは表示されます。

3.c71bf00e6792366514d14ff86672388a

関数は、ステータス バーの表示スタイルを制御することです。 :

<meta name=”apple-mobile-web-app-status-bar-style” content=”default” />
<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
<meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />

default:default; black: 純粋な黒; black-translucent: 半透明のグレー

PHP 関連の知識の詳細については、
PHP 中国語 Web サイト

をご覧ください。

以上が携帯電話では PHP Web ページの左側と右側がいっぱいではありませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。