recherche
Maisoninterface Webtutoriel CSSTest de la taille de l'écran du téléphone portable - la largeur de la page réellement affichée sur le téléphone mobile_Échange d'expérience

Certains problèmes sont rencontrés lors du développement de sites Web mobiles. Quelle taille doit-on utiliser pour concevoir la page ? J'ai fait quelques recherches à ce sujet et j'ai découvert que, à l'exception de l'iPhone spécial, la largeur réelle de la page d'affichage des systèmes Android actuellement sur le marché est de 360 ​​​​px.

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

Au cours des deux dernières années, la plupart des résolutions Android étaient de 240 px ou 320 px. Aujourd'hui, afin d'être compatible avec les versions antérieures et ascendantes, 360 px a finalement été défini comme taille de conception pour les requêtes multimédias CSS3. les fonctionnalités de requête peuvent être utilisées. Compatibilité accrue, compatibilité avec d'autres appareils et compatibilité d'écran horizontale de certains appareils.

Ci-joint : code JS pour le test de la taille de l'écran, comme suit

<!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>

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
vivo手机boost模式是什么意思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和手机的区别是什么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是什么意思手机烧wifi是什么意思Oct 25, 2022 am 11:03 AM

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

苹果6.5英寸手机有哪些苹果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是什么手机型号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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Navigateur d'examen sécurisé

Navigateur d'examen sécurisé

Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.

PhpStorm version Mac

PhpStorm version Mac

Le dernier (2018.2.1) outil de développement intégré PHP professionnel

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Puissant environnement de développement intégré PHP

SublimeText3 Linux nouvelle version

SublimeText3 Linux nouvelle version

Dernière version de SublimeText3 Linux

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit