Paramètres
Longueur 800 px / graduations 10 px / horizontal
Sortie
Règle horizontale en pixels, dimensions de la fenêtre et DPR
Outils de design
Règle de pixels — Taille de l'écran et graduations
Dessinez une règle de pixels horizontale ou verticale sur la page. Ajustez la longueur et l'espacement des graduations, et affichez la taille de la fenêtre ainsi que le rapport en pixels de l'appareil pour vérifier les mesures de pixels CSS par rapport aux mises en page et aux maquettes.
PixelsRègleMesurer
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
设计配色
Règle de pixels
屏幕信息
窗口宽度-
窗口高度-
设备像素比-
屏幕分辨率-
Cas d’usage
- Vérifier l'espacement des pixels par rapport à une maquette de conception
- Inspecter la taille actuelle de la fenêtre et le DPR
- Basculer horizontal/vertical règles comme référence de mise en page
Mode d’emploi
- Définir la longueur de la règle et l'espacement des graduations
- Choisir l'orientation et le thème
- Consulter les informations d'écran détectées
Exemples d’entrée et de sortie
FAQ
Quels pixels la règle utilise-t-elle ?
Elle dessine en pixels CSS et affiche également le rapport des pixels de l'appareil afin que vous puissiez distinguer les pixels de mise en page des pixels physiques.
Quelle plage de longueurs est prise en charge ?
La longueur est d'environ 100 à 2 000 px ; les options d'espacement des graduations incluent 5, 10, 20 et 50 px.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Convertisseur d'unités CSS
Convertisseur d'unités CSS — px, rem, em, vw
Convertissez entre px, rem, em, pt, vw, vh et %. Personnalisez la taille de la police racine, la taille de la police parent et la taille de la fenêtre d'affichage pour un travail réactif et un transfert de la conception au code.
CSS Unités Conversion
Calculateur de rapport d’aspect
Calculateur de rapport d’aspect en ligne
Verrouillez un rapport puis calculez la largeur ou la hauteur correspondante. Le traitement s’effectue directement dans votre navigateur afin que vos données restent sur la page.
Ratio Taille Conception
Générateur de serrage CSS
Générateur de serrage CSS — Tailles adaptées aux fluides
À partir des largeurs de fenêtre min/max et d'une plage de tailles cible, calculez une formule clamp() pour les tailles de police fluides, l'espacement et d'autres longueurs qui évoluent avec la fenêtre.
CSS clamp Adaptatif