Ujian saiz skrin telefon bimbit - lebar halaman sebenar yang dipaparkan pada telefon bimbit_Pertukaran pengalaman-tutorial css-php.cn

Rumah

hujung hadapan web

tutorial css

Ujian saiz skrin telefon bimbit - lebar halaman sebenar yang dipaparkan pada telefon bimbit_Pertukaran pengalaman

May 16, 2016 pm 12:03 PM

lebar telefon bimbit muka surat

Pembangunan laman web mudah alih menghadapi beberapa masalah. Apakah saiz yang harus digunakan untuk mereka bentuk halaman? Saya melakukan beberapa penyelidikan mengenai perkara ini dan mendapati bahawa, kecuali untuk iPhone khas, lebar halaman paparan sebenar sistem Android pada masa ini di pasaran ialah 360px.

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

Dalam dua tahun yang lalu, kebanyakan resolusi Android ialah 240px atau 320px Sekarang ia adalah 360px untuk menjadi serasi ke belakang dan ke atas, 360px akhirnya ditetapkan sebagai saiz reka bentuk atau media ciri pertanyaan boleh digunakan Keserasian lanjut, keserasian dengan peranti lain dan keserasian skrin mendatar beberapa peranti.

Dilampirkan: Kod JS untuk ujian saiz skrin, seperti berikut

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

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

Salin selepas log masuk

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn