※ ChatGPTを利用し、要約された質問です(原文:ホームページの頭の記述)
ホームページの頭の記述方法によるスマートフォン表示の変化
このQ&Aのポイント
ホームページの頭の記述方法によるスマートフォン表示の変化について説明します。以前の記述方法ではスマートフォンで正常に表示されていたホームページが倍のサイズで表示され、ピンチ操作で縮小できなくなる問題が発生しました。
解決策として、新しい記述方法を使用し、<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">と書くことで表示を正常に縮小できるようになりました。
しかし、最初から縮小された表示をしたい場合は、<meta name="viewport" content="width=device-width,initial-scale=1.0">と書く必要があります。この方法により、ユーザーはホームページを開いたときに縮小された表示を見ることができます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
という書き方を消して、
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UFT-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
と書いたところ、
今までスマートフォンにきっちり表示されいたホームページが、
急に倍のサイズに表示され、ピンチしても縮小されません。
いろいろやってみたところ、
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
の一行を
<meta name="viewport" content="width=device-width,initial-scale=1">
に変えると、表示をピンチで縮小できる事が分かったのですが、
最初から縮小した表示を出したい場合、
何と書けば良いでしょうか?
お礼
値を、0.4 にしたところ、キッチリ表示されるようになりました。 教えてくださり、どうもありがとうございました。 助かりました。