目次
ディスカッション(解決策)への返信
ホームページ ウェブフロントエンド htmlチュートリアル 720*1280 画面の Web ページを 720 Wide_html/css_WEB-ITnose にできないのはなぜですか

720*1280 画面の Web ページを 720 Wide_html/css_WEB-ITnose にできないのはなぜですか

Jun 21, 2016 am 09:23 AM
画面 ウェブページ

<!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 までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

EdgeブラウザのショートカットとしてWebページをデスクトップに送信するにはどうすればよいですか? EdgeブラウザのショートカットとしてWebページをデスクトップに送信するにはどうすればよいですか? Mar 14, 2024 pm 05:22 PM

Edge ブラウザのショートカットとして Web ページをデスクトップに送信するにはどうすればよいですか?多くのユーザーは、アクセスページを直接開くことができるように、頻繁に使用する Web ページをデスクトップにショートカットとして表示したいと考えていますが、その方法がわかりません。この問題に応えて、この号の編集者は大多数のユーザーが解決策を考えているので、今日のソフトウェア チュートリアルで共有されているコンテンツを見てみましょう。 Edge ブラウザで Web ページをデスクトップに送信するショートカット方法: 1. ソフトウェアを開き、ページ上の「...」ボタンをクリックします。 2. ドロップダウン メニュー オプションから [アプリケーション] で [このサイトをアプリケーションとしてインストールする] を選択します。 3. 最後に、ポップアップウィンドウでそれをクリックします

iPhoneのスクリーンショットが機能しない: 修正方法 iPhoneのスクリーンショットが機能しない: 修正方法 May 03, 2024 pm 09:16 PM

iPhone ではスクリーンショット機能が動作しませんか?スクリーンショットの撮影は非常に簡単で、音量を上げるボタンと電源ボタンを同時に押して携帯電話の画面を取得するだけです。ただし、デバイスでフレームをキャプチャする方法は他にもあります。解決策 1 – Assistive Touch の使用 Assistive Touch 機能を使用してスクリーンショットを撮ります。ステップ 1 – 電話の設定に移動します。ステップ 2 – 次に、タップしてアクセシビリティ設定を開きます。ステップ 3 – タッチ設定を開きます。ステップ 4 – 次に、Assistive Touch 設定を開きます。ステップ 5 – 携帯電話の Assistive Touch をオンにします。ステップ 6 – 「トップメニューのカスタマイズ」を開いてアクセスします。ステップ 7 – ここで必要なのは、これらの機能のいずれかを画面キャプチャにリンクすることだけです。それで最初をクリックしてください

Web ページ上の画像を読み込めない場合はどうすればよいですか? 6つのソリューション Web ページ上の画像を読み込めない場合はどうすればよいですか? 6つのソリューション Mar 15, 2024 am 10:30 AM

一部のネチズンは、ブラウザの Web ページを開いたときに、Web ページ上の画像が長時間読み込めないことに気づきました。何が起こったのでしょうか?ネットワークは正常であることを確認しましたが、どこに問題があるのでしょうか?以下のエディタでは、Web ページの画像が読み込めない問題に対する 6 つの解決策を紹介します。 Web ページの画像を読み込めない: 1. インターネット速度の問題 Web ページに画像が表示されません。これは、コンピュータのインターネット速度が比較的遅く、コンピュータ上で開いているソフトウェアが多いためと考えられます。また、アクセスする画像が比較的大きいため、読み込みタイムアウトが原因である可能性があります。その結果、画像が表示されません。ネットワーク速度をより多く消費するソフトウェアをオフにすることができます。タスク マネージャーに移動して確認できます。 2. 訪問者が多すぎる Web ページに写真が表示されない場合は、訪問した Web ページが同時に訪問されたことが原因である可能性があります。

ミニ化されたスクリーンは目を傷つけますか? ミニ化されたスクリーンは目を傷つけますか? Feb 07, 2024 pm 03:48 PM

多くのユーザーが最も懸念しているのは、miniLED スクリーンが目を傷つけないかどうかですが、実際、このスクリーンの輝度は非常に高くなりますが、目を傷つけることはなく、通常どおり使用できます。ミニ化されたスクリーンは目を痛めますか? 回答: 目を痛めることはありません。 miniLED 画面の輝度は高くなりますが、日常使用中にその輝度を維持し続けるわけではなく、輝度を上げる必要がある場合にのみ表示されるため、常に高い輝度を維持できるわけではなく、目が痛くなることはありません。ピーク輝度も向上し、優れたプレゼンテーションと表現が可能になります。 MiniLED スクリーンの紹介 1. MiniLED バックライト ディスプレイ技術はバックライトを使用するため、LCD との最大の違いはバックライト層です。 2. LCD スクリーンと比較して、miniLED のパフォーマンスは高くなります。

ネットワーク接続は正常であるにもかかわらず、ブラウザが Web ページにアクセスできない場合の考えられる理由 ネットワーク接続は正常であるにもかかわらず、ブラウザが Web ページにアクセスできない場合の考えられる理由 Feb 19, 2024 pm 03:45 PM

ブラウザは Web ページを開けませんが、ネットワークは正常です。多くの理由が考えられます。この問題が発生した場合は、段階的に調査して具体的な原因を特定し、問題を解決する必要があります。まず、Web ページを開けないのは特定のブラウザに限定されているのか、それともすべてのブラウザで Web ページを開けないのかを判断します。 1 つのブラウザだけで Web ページを開けない場合は、テストのために Google Chrome、Firefox などの他のブラウザを使用してみることができます。他のブラウザでページを正しく開くことができる場合、問題はその特定のブラウザにある可能性があります。

iPhoneのホーム画面から削除を元に戻す方法 iPhoneのホーム画面から削除を元に戻す方法 Apr 17, 2024 pm 07:37 PM

ホーム画面から重要なものを削除してしまい、元に戻そうとしていますか?さまざまな方法でアプリのアイコンを画面に戻すことができます。 iPhoneでホーム画面から削除を元に戻す方法 前述したように、iPhoneでこの変更を復元する方法はいくつかあります。方法 1 – App ライブラリのアプリ アイコンを置き換える App ライブラリから直接ホーム画面にアプリ アイコンを配置できます。ステップ 1 – 横にスワイプして、アプリ ライブラリ内のすべてのアプリを見つけます。ステップ 2 – 前に削除したアプリのアイコンを見つけます。ステップ 3 – アプリのアイコンをメインライブラリからホーム画面上の正しい場所にドラッグするだけです。これが応用図です

6000mAhのシリコンマイナスバッテリー! Xiaomi 15Proアップグレードが再びリーク 6000mAhのシリコンマイナスバッテリー! Xiaomi 15Proアップグレードが再びリーク Jul 24, 2024 pm 12:45 PM

7月23日のニュースによると、ブロガーのDigital Chat Stationは、Xiaomi 15 Proのバッテリー容量が6000mAhに増加し、90Wの有線フラッシュ充電をサポートしているというニュースを伝えました。これは、Xiaomiのデジタルシリーズで最大のバッテリーを搭載したProモデルになります。 Digital Chat Stationは以前、Xiaomi 15Proのバッテリーは超高エネルギー密度を持ち、シリコン含有量が競合製品よりもはるかに高いことを明らかにしました。 2023 年にシリコンベースの電池が大規模にテストされた後、第 2 世代のシリコン負極電池が業界の将来の発展方向として特定されており、今年は直接的な競争のピークを迎えます。 1. シリコンの理論グラム容量は 4200mAh/g に達することがあり、これはグラファイトのグラム容量の 10 倍以上です (グラファイトの理論グラム容量は 372mAh/g)。負極の場合、リチウムイオン挿入量が最大に達したときの容量が理論上のグラム容量であり、同じ重量下での容量を意味します。

Apple、iPhone 16はより大型のディスプレイを搭載する可能性があることを明らかに Apple、iPhone 16はより大型のディスプレイを搭載する可能性があることを明らかに Mar 22, 2024 pm 06:41 PM

iPhone 16シリーズの発売までには長い時間がかかりますが、外観や構成については常に暴露されてきました。韓国メディアSisaJournalによると、Appleは次期iPhone 16シリーズの携帯電話に新しい超狭額ベゼル技術を導入する予定だという。この技術では、内部の銅線を丸めてよりコンパクトな構造にし、携帯電話の下部ディスプレイのベゼル幅を減らし、より大きなディスプレイを可能にします。この革新的な動きは、ユーザー エクスペリエンスを向上させ、ユーザーがより広い視野とより没入型のエンターテイメント エクスペリエンスを楽しめるようにすることを目的としています。 Apple は常に、より高度な機能とパフォーマンスをユーザーに提供するために、製品のデザインとテクノロジーを継続的に改善することに取り組んできました。 iPhone 16 シリーズの携帯電話の発売により、スマートフォンにおける Apple のリーダーシップはさらに強化されることになるでしょう。

See all articles