da die responsive Webseiten immer mehr und mehr werden, wollte ich Euch kurz beschreiben wie Ihr für CSS Angaben die Pixel-Werte in Prozent-Werte umrechnet.
Nehmen wir an, dass der außere Container „980px“ Breit ist und das innere Element eine Breite von „400px“ hat. Dann müsst Ihr nun folgende Rechnung anwenden:
400 / 900 * 100 = 44.44444444444444%
schon habt Ihr die 400px in 44.44444444444444% umgerechnet! Somit lassen sich die Grid-Breiten und Abstände perfekt in % ermitteln.
Eure Meinung zu dem Artikel ist gefragt! Schreibt mir ein Kommentar
Hat Euch der Artikel weitergeholfen oder gefallen? Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!
Hat Euch der Artikel geholfen oder gefallen? Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!
Ich bin TYPO3 Freelancer, TYPO3-Entwickler, Web-Entwickler und Frontend-Entwickler. Ich arbeite im und für das Web seit 2004. Mehr Infos zu der TYPO3 Internet-Agentur INGENIUMDESIGN.
CSS – Pixel-Wert in Prozent-Wert umrechnen
da die responsive Webseiten immer mehr und mehr werden, wollte ich Euch kurz beschreiben wie Ihr für CSS Angaben die Pixel-Werte in Prozent-Werte umrechnet.
Nehmen wir an, dass der außere Container „980px“ Breit ist und das innere Element eine Breite von „400px“ hat. Dann müsst Ihr nun folgende Rechnung anwenden:
schon habt Ihr die 400px in 44.44444444444444% umgerechnet!
Somit lassen sich die Grid-Breiten und Abstände perfekt in % ermitteln.
Eure Meinung zu dem Artikel ist gefragt! Schreibt mir ein Kommentar
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!
Sebastian
Hat Euch der Artikel geholfen oder gefallen?
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste.
Vielen Dank!
Ich bin TYPO3 Freelancer, TYPO3-Entwickler, Web-Entwickler und Frontend-Entwickler. Ich arbeite im und für das Web seit 2004.
Mehr Infos zu der TYPO3 Internet-Agentur INGENIUMDESIGN.
Besucht auch unser TYPO3 Hilfe Forum.
Keine anderen Artikel gefunden.
Next ArticleInhalte per Link Whatsapp teilen