/ / Zastępowanie piksela% w projektowaniu css do pozycji elementu - html, css

Zastępowanie piksela% w projektowaniu css do pozycji elementu - html, css

Nie jestem biegły w css. Ale poświęć mojej pracy po przeszukaniu.

Do pozycjonowania elementu w określonej lokalizacji używam:

<div style="position:fixed; left:30px; top:200px;">

Jeśli Raczej użyjesz pixels Jeśli chcę użyć%, to jakie są kryteria funda lub obliczeń?

Odpowiedzi:

0 dla odpowiedzi № 1

Nie jest dokładne, jeśli obliczysz go na jakiejkolwiek podstawie, ponieważ w tym przypadku powinna to być szerokość dokumentu.

Aby uzyskać referencję i prosty pomysł, sprawdź to http://www.getallfix.com/2011/11/convert-empxpt-and-in-css/. Może to ci pomoże.


-1 dla odpowiedzi № 2

To proste, wystarczy użyć podstawowej matematyki (Reguła 3):

Szerokość w pikselach x 100 / Całkowita szerokość elementu

Wysokość w pikselach x 100 / wysokość całego elementu

Dawny: Załóżmy, że twój element ma powierzchnię 1000px (wysokość x szerokość)

30px x 100 / 1000px = 3%

200px x 100 / 1000px = 20%

Mała obserwacja: Jeśli wysokość elementu nie jest zdefiniowana, spróbuj użyć pikseli zamiast tego.