Test der Bildschirmgröße des Mobiltelefons – die Breite der tatsächlich angezeigten Seite auf der Mobiltelefon-Experience-Börse-CSS-Tutorial-php.cn

Test der Bildschirmgröße des Mobiltelefons – die Breite der tatsächlich angezeigten Seite auf der Mobiltelefon-Experience-Börse

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 12:03 PM

Breite手机页面

Bei der Entwicklung mobiler Websites treten einige Probleme auf. Welche Größe sollte zum Entwerfen der Seite verwendet werden? Ich habe diesbezüglich einige Nachforschungen angestellt und festgestellt, dass die tatsächliche Anzeigeseitenbreite der derzeit auf dem Markt befindlichen Android-Systeme mit Ausnahme des speziellen iPhone 360 Pixel beträgt.

手机型号	竖屏宽度
IPhone 5	320px
IPhone 6	375px
IPhone 6 Plus	414px
Nexus 4	384px
Android(大多数)	360px

In den letzten zwei Jahren waren die meisten Android-Auflösungen 240 Pixel oder 320 Pixel. Um abwärts- und aufwärtskompatibel zu sein, wurde in der späteren Phase CSS3-Medienabfragen schließlich auf 360 Pixel festgelegt Abfragefunktionen können verwendet werden, weitere Kompatibilität, Kompatibilität mit anderen Geräten und horizontale Bildschirmkompatibilität einiger Geräte.

Angehängt: JS-Code für den Bildschirmgrößentest, wie folgt

<!DOCTYPE html>
<html>
<head>
 <title>屏幕尺寸测试</title>
 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
</head>

<body style="padding:0px;margin:0px;" scroll="no">
	<script language="javascript">
		var s = "";
		s += "网页可见区域宽："+ document.body.clientWidth;
		s += "<br>网页可见区域高："+ document.body.clientHeight;
		s += "<br>网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
		s += "<br>网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
		s += "<br>网页正文全文宽："+ document.body.scrollWidth;
		s += "<br>网页正文全文高："+ document.body.scrollHeight;
		s += "<br>网页被卷去的高："+ document.body.scrollTop;
		s += "<br>网页被卷去的左："+ document.body.scrollLeft;
		s += "<br>网页正文部分上："+ window.screenTop;
		s += "<br>网页正文部分左："+ window.screenLeft;
		s += "<br>屏幕分辨率的高："+ window.screen.height;
		s += "<br>屏幕分辨率的宽："+ window.screen.width;
		s += "<br>屏幕可用工作区高度："+ window.screen.availHeight;
		s += "<br>屏幕可用工作区宽度："+ window.screen.availWidth;
		s += "<br>你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
		s += "<br>你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
		document.write(s);
	</script>
</body>
</html>

Stellungnahme

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Verwandter Artikel

vivo手机boost模式是什么意思Aug 30, 2022 pm 03:32 PM

vivo手机boost模式的意思是通过调度算法提升系统提频速度，提升突发重载应对能力；开启该模式能保持较高的CPU频率以提升系统运行性能，从而带来更快的使用效果从而达到提升系统流畅度，降低掉帧率的效果。

电池容量和额定容量有什么区别Oct 24, 2022 pm 12:00 PM

区别：1、电池容量是衡量电池性能的重要性能指标之一，它表示在一定条件下电池放出的电量，即电池的容量，通常以安培·小时为单位；额定容量是指铭牌上所标明的电机或电器在额定工作条件下能长期持续工作的容量。2、电池容量包含额定容量，电池容量按照不同条件分为实际容量、理论容量与额定容量。

移动办副卡需要什么条件Oct 21, 2022 am 10:58 AM

移动办副卡的条件：1、携带本人身份证（主卡户主）；2、主号要有最低流量套餐要求（各个地区要求不同）；3、副卡需要实名登记后才可激活；4、取消副号或解散群组生效后，副卡将会立即销号。

ipad和手机的区别是什么Oct 25, 2022 pm 02:01 PM

区别：1、屏幕尺寸不同，ipad尺寸比手机大。2、功能不同，ipad不能插SIM卡，没有通讯功能，不支持接打电话；手机可以插SIM卡，能够接打电话。3、硬件不同，ipad硬件配置要比手机高，不管是分辨率和处理速度都比iphone手机高一些。4、系统不同，ipad采用ipadOs系统，手机属于ios系统。

红米跟小米有什么区别Aug 18, 2022 pm 03:08 PM

区别：1、小米主打高端市场，而红米是中低端市场。2、小米手机的配置要比红米手机高。3、红米主要面临的是一些年龄稍微大一些的客户群体，而小米的受众群体就比较广泛了，从年轻人到老年人均可使用。4、小米主打的是公司自主设计而后交由第三方的厂商来处理，而红米主要是直接交由第三方工厂直接生产。5、红米会发售大量机型，走广撒网的路线，而小米每年发售的机型少，走少而精的路线。

手机烧wifi是什么意思Oct 25, 2022 am 11:03 AM

手机烧wifi是指手机的wifi芯片坏了。wifi芯片烧坏会导致手机无法成功连接wifi，而手机的wifi芯片烧坏的原因主要是手机的CPU温度过高，导致cpu针脚虚焊接触不良；所以不要边充边玩手机，不然可能会使手机负荷过大，从而导致CPU过热，芯片被烧坏。

苹果6.5英寸手机有哪些Sep 05, 2022 pm 03:41 PM

苹果6.5英寸的手机有两款：1、“iphone Xs Max”，该手机采用了6.5英寸的超视网膜高清显示屏，支持“2688x1242”像素分辨率；2、“iphone 11Pro Max”，该手机也采用6.5英寸全面屏，但是使用了超视网膜XDR显示屏。

pbamoo是什么手机型号Aug 11, 2022 pm 02:59 PM

pbamoo是“OPPO A5”手机的型号；“OPPO A5”是OPPO公司在2018年7月7日发布的手机，该手机搭载了高通骁龙450八核处理器，屏幕采用6.2英寸TFT材质屏幕，后置1300万像素和200万像素双摄像头，操作系统是基于“Android8.1”开发的“ColorOS 5.1”。

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)

2 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Repo: Wie man Teamkollegen wiederbelebt

1 Monate vorBy尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt

4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Wie lange dauert es, um Split Fiction zu schlagen?

3 Wochen vorByDDD

R.E.P.O. Dateispeicherspeicherort: Wo ist es und wie schützt sie?

3 Wochen vorByDDD

Heiße Werkzeuge

mPDF

mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

MinGW – Minimalistisches GNU für Windows

Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.