Как конвертировать пиксель в процентах измерения в HTML?

Question

Я разработал один веб-сайт из asp.net и разработал HTML-страницы с помощью CSS. В этом CSS все измерения, которые я сделал, в пикселях. Я хочу преобразовать все из пикселя в процент?

Есть ли какая-нибудь формула преобразования для этого?

как это сделать?

спасибо.

Answer 1

Вы можете использовать ЭТО , чтобы преобразовать ваши значения пикселей в процентах

Answer 2

Чтобы изменить ширину элемента блока на процентное значение, вам нужно знать ширину его контейнера в тех же единицах.

var widthChildPercent = widthChildPixels / widthParentPixels;

Очевидно, что при обновлении стиля вы, вероятно, захотите отформатировать его в целочисленное значение, но это будет общая формула.

Answer 3

Я использую следующую формулу при преобразовании для гибкого макета из статического макета:

result = 100 * target / context

, где

• target это то, что вы хотите изменить
• context (обычно) ширина страницы, с которой вы хотите работать.

Например, если у вас есть элемент блока <section>, который в настоящее время имеет ширину 330px, и вы работаете в оболочке 1024px, вы можете использовать 330/1024*100, который дает вам 32,23% для вашей ширины. Однако, как правило, для шрифтов вы хотите конвертировать в em, а не в проценты.