[解決済み] WebKit から target-densitydpi のサポートが削除されました。
質問
これによると https://bugs.webkit.org/show_bug.cgi?id=88047 WebKit はビューポートパラメータから target-densitydpi のサポートを削除しました。残念ながら、このバグの説明には、この変更の動機も回避策も書かれていません。
モバイル端末での拡大縮小を防ぎたい一部のWebページでは、以下のようなviewportの宣言がされていました。
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1.0,
user-scalable=no, target-densitydpi=device-dpi"/>
現在、このコードはChromeでエラーを出力します(21.0.1180.49 beta-mでテスト済み)。target-densitydpi=device-dpi"で、エラーメッセージを出さず、以前と同じ動作をするウェブページを作るには、どのような方法が考えられるか、アドバイスをお願いします。
解決方法を教えてください。
webkit-dev メーリングリストのスレッド http://lists.webkit.org/pipermail/webkit-dev/2012-May/020847.html には、この機能削除の議論(少なくともその背景)が含まれています。
要するに、WebKit にはデバイスでレンダリングするときにページを拡大縮小する手段がいくつかあり、これは非常に混乱するものでした(各プラットフォームが独自のアプローチに依存していたことを考えると、なおさらです)。
アップデイト :
当該スレッドのコメントで、当該パッチ作者であるAdam Barth氏の発言によると
<ブロッククオートtarget-densitydpiが一部のアプリで使用されていることが懸念されています。 Androidにバンドルされているのですが、人々はその非推奨を望んでいるようです。 のような他のメカニズムを使用するようにアプリを移行させる。 レスポンシブ画像 と CSSデバイスユニット .
このように、レスポンシブ画像とCSSデバイスユニットが
target-densitydpi
属性が提供するものです。また、同じスレッドの別のコメントでは、この属性があっても、ウェブ開発者は、この属性をサポートしていないブラウザ環境のために、同じページを別の方法で再実装しなければならないという事実が述べられています。
私は、最近導入された サブピクセルレイアウト は、属性削除の問題を緩和するもう一つの手段になると思います。
アップデイト2
このブログの記事 は、Android Chrome用にページをレイアウトする別の方法を提案しています。自動で同じ動作をさせるような回避策はありません。ただ、少し再構築する必要があります。
関連
-
[解決済み] 自己署名入りSSL証明書が無効 - "サブジェクトの代替名がありません".
-
[解決済み] Google ChromeブラウザでF5 refreshとShift+F5の違いは何ですか?
-
[解決済み] ウェブサイト制作のためのChromeキャッシュの無効化
-
[解決済み] Firefox または Chrome ブラウザから HTTP POST リクエストを手動で送信する方法
-
[解決済み] Javascript / Chrome - webkitインスペクタからオブジェクトをコードとしてコピーする方法
-
[解決済み] WebKit の event.layerX と event.layerY に関する問題
-
[解決済み】Google Chromeですべてのブレークポイントを一度に削除する方法は?
-
[解決済み】Chromeのネットワークログ「Stalled」状態を理解する。
-
[解決済み】WebKitとは何ですか、CSSとどのような関係があるのですか?
-
[解決済み] Chromeインスペクタでネットワーク要求のパスなどが表示されない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ゼロサイズ返信。Squid はこの要求に対してデータを受信しませんでした。
-
[解決済み] Google ChromeでCookieをコピーする方法を教えてください。
-
[解決済み] JsPDF - トップフレームからデータURLへの移動ができない
-
[解決済み] badidea」や「thisisunsafe」を使ってChromeの証明書/HSTSエラーを回避する場合、現在のサイトにのみ適用されるのでしょうか?[クローズド]
-
[解決済み] ChromeはどこにCookieを保存するのですか?
-
[解決済み] ウェブサイト制作のためのChromeキャッシュの無効化
-
[解決済み】印刷プレビューで背景色が表示されない。
-
[解決済み】「Upgrade-Insecure-Requests」HTTPヘッダーとは何ですか?
-
[解決済み] cssの変形でクロームの縁がギザギザになる
-
[解決済み] Chromeブラウザのリロードオプションの新機能