ホームページ >バックエンド開発 >PHPチュートリアル >モバイル Web ヘッダーの一般的な記述方法_PHP チュートリアル
モバイル Web ヘッダーの一般的な記述方法_PHP チュートリアル
- WBOYオリジナル
- 2016-07-12 08:54:451374ブラウズ
モバイル Web ヘッダーの一般的な書き込み方法
1. ヘッド部分の一般的な書き込み方法は、オンラインでも利用できますが、原則として IOS の透明な列と互換性があるものと、その他の問題です。ビューポート (キー)<ol style="margin:0 1px 0 0px;padding-left:40px;" start="1" class="dp-css"><li><head lang="en"><br /></li><li><meta charset="UTF-8"><br /></li><li><br /></li><li><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><br /></li><li><br /></li><li><meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"><br /></li><li><br /></li><li><meta name="apple-mobile-web-app-title" content=""><br /></li><li><br /></li><li><meta name="apple-mobile-web-app-capable" content="yes"/><br /></li><li><br /></li><li><meta name="apple-mobile-web-app-status-bar-style" content="black"/><br /></li><li><br /></li><li><meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"><br /></li><li><br /></li><li><meta name="format-detection" content="telphone=no, email=no"/><br /></li><li><br /></li><li><meta http-equiv="Pragma" content="no-cache"><br /></li><li><meta http-equiv="Cache-Control" content="no-cache"><br /></li><li><meta http-equiv="Expires" content="0"><br /></li><li><title>web前端-马乐</title><br /></li><li></head></li></ol>
2.flexible.js を導入して参照します。これは、最大 5.5 インチのビューポートを削除すると、flexible.js が動的に追加されます。使い方については、オンラインの説明が詳細すぎますが、多くのネチズンは理解していません。flexible.js は 4K であり、その機能は次のとおりです。
タグを動的に書き換える
2. data-dpr 属性を 要素に追加する、 data-dpr の値を動的に書き換えます
要素の font-size 属性を追加し、 font-size の値を動的に書き換えます アイコンが 640 の場合、それを 1rem=64px に設定します。は 750、1rem=75px を設定します。たとえば、320X240 のバナーは、5rem /20813/fecbb840a2574cf712a8625f88a7ab3a.html
に変換されます。
http://www.bkjia.com/PHPjc/1118876.html
www.bkjia.com
本当
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。