ホームページ > 記事 > ウェブフロントエンド > 720*1280 画面の Web ページを 720 Wide_html/css_WEB-ITnose にできないのはなぜですか
720*1280 画面の Web ページを 720 Wide_html/css_WEB-ITnose にできないのはなぜですか
- WBOYオリジナル
- 2016-06-21 09:23:271367ブラウズ
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,initial-scale=1.0" /><meta charset="UTF-8" /><style type="text/css">*{margin:0px;}div{ width:700px; height:200px; border:solid 1px #000000;}</style></head><body><div>123</div></body></html>
ディスカッション（解決策）への返信
先ほどの返信がなぜ消えたのかわかりません。 。
書くのが面倒です
確認してください: window.devicePixelRatio
http://www.cnblogs.com/qq21270/p/3785961.html
先ほどの返信がなぜ消えたのかわかりません。 。
書くのが面倒です
チェックしてください: window.devicePixelRatio
http://www.cnblogs.com/qq21270/p/3785961.html
こんにちは。その記事を読みました。
しかし、まだ質問があります。
私の携帯電話は 1280*720、つまり私の携帯電話の幅は 720 ピクセルです。
しかし、Web ページを 720px に設定すると、Web ページは div{width:720px;} の画面範囲を超えます
理由をお聞きしてもいいでしょうか
div{width:360px;} に設定すると、Web ページはそれほど広くなりません。 。どうなっているのか聞いてもいいですか？ ? ?
div の幅を設定することはいつでも可能です!!!
幅をパーセンテージで配置します。
2つの記事を投稿されていることに今気づき、html5版に返信しました
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,initial-scale=1.0" /><meta charset="UTF-8" /><style type="text/css">*{margin:0px;}div{ width:700px; height:200px; border:solid 1px #000000;}</style></head><body><div>123</div></body></html> width=device-width に設定しているので
1280*720 の携帯電話は高解像度の画面のはずですよね？ピクセルは実際には半分です
メタを変更してみてください
content="initial-scale=1.0, minimum-scale=1.0, user-scalable=no"
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。