Maison  >  Article  >  interface Web  >  spécifications de taille de conception de page Web

spécifications de taille de conception de page Web

尚
original
2019-07-23 10:02:2020453parcourir

spécifications de taille de conception de page Web

La taille de la conception Web est principalement liée à deux facteurs, l'un est la résolution de l'écran de l'ordinateur et la résolution du navigateur.

À 800×600, si la largeur de la page Web est maintenue à moins de 778, il n'y aura pas de barre de défilement horizontale et la hauteur dépendra de la mise en page et du contenu .

En dessous de 1024×768, la largeur de la page Web est maintenue à moins de 1002 Si le cadre complet est affiché, la hauteur est comprise entre 612 et il n'y aura pas de barre de défilement horizontale ou. barre de défilement verticale.

Articles connexes recommandés :
1.Un résumé des conventions de dénomination CSS couramment utilisées, très pratique (collection)
Recommandations vidéo associées :
1.Série Jade Girl Heart Sutra : Introduction frontale_HTML5

Recommandation : Spécifications de la taille du Web

1. Résolution

La taille de la conception Web est principalement liée à deux facteurs. L'un est la résolution de l'écran de l'ordinateur et la résolution du navigateur. systèmes d'exploitation, Windows ou Mac os ou autre. Qu'est-ce que la résolution ? Par exemple, 1024×768 signifie qu'il y a 1024 pixels dans le sens horizontal et 768 pixels dans le sens vertical. L'écran entier peut être considéré comme un échiquier. La taille de l'écran est-elle de 14 pouces ou 15 pouces ? Cela ne changera pas. L'ordinateur est aussi grand qu'il est. Ce qui change, c'est la résolution définie par l'ordinateur. Si l'écran est de la même taille, plus la résolution est grande, plus l'image est fine.

2. Zone de visualisation effective

Les résolutions d'écran les plus populaires incluent actuellement 1024×768, 1366×768, 1280×800, 1280×1024, 1440×900, 1600×900, 1920×. 1080 etc. Lors de la conception de pages Web, vous devez tenir compte de la résolution du navigateur. Les navigateurs courants incluent IE, Google, Firefox, Open, etc.

Quelle est la zone visible effective du​​navigateur ? Selon moi, c'est l'endroit où le contenu est affiché. Par exemple, après avoir ouvert une page Web, à l'exclusion de la barre d'outils et de la barre latérale du navigateur, etc., l'endroit où le contenu est réellement affiché.

Chaque navigateur possède sa propre zone visuelle efficace, comme indiqué dans le tableau suivant :

Paramètres d'interface et partages des navigateurs grand public :

Navigateur Barre d'état Barre de menu Défilement de l'article Part de marché (nationale)
                                          
浏览器 状态栏 菜单栏 滚动条 市场份额(国内)
                       

Chrome 浏览器

22 px(浮动出现) 60 px                    15 px    8%
                       

火狐浏览器

20 px 132 px        15 px     1%
                       

IE浏览器

24 px 120 px        15 px 35%
                       

360 浏览器

24 px 140 px         15 px 28%
                       

遨游浏览器

24 px 147 px         15 px               1%
                       

搜狗浏览器

25 px 163 px         15 px 5%
22 px (apparence flottante) 60 px 15 px td> 8 %
>Firefox 20 px 132 px 15 px 1%
td>24 px 120 px 15 px 35%
                                                                                                                                                                                   px 15 px 28%
break: break-all;"> 15 px 1%
Navigateur Sogou 25 px 163 px 15 px 5%

Statistiques de résolution du système :

tr>
Résolution Occupation Taux de résolution th> Occupation
分辨率 占有率 分辨率 占有率

1366×768

15%

1440×900

13%

1920×1080

11%

1600×900

5%

1280×800

4%

1280×1024

3%

1680×1050

2.8%

320×480

2.4%

480×800

2%

1280×768

1%
1366×768

15% 1440×900

13%
spécifications de taille de conception de page Web1920 ×1080 11% 1600×900 5%
1280×800 4% 1280×1024 td> 3%
1680×1050 2,8% td> 320×480 2,4%
480×800 2% 1280×768 1%
Largeur de la page Web et hauteur du premier écran :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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