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

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

angryTom

リリース： 2023-02-27 12:08:02

オリジナル

2569 人が閲覧しました

#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%;
}

ログイン後にコピー

です。メタタグとその他の一般的に使用される属性が添付されています使用状況分析:

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

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

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

ログイン後にコピー

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

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

ログイン後にコピー

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

ログイン後にコピー

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

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

<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 サイトの他の関連記事を参照してください。