Автоматический адаптивный дизайнHtml

Программисты Html
Ответить
Anonymous
 Автоматический адаптивный дизайн

Сообщение Anonymous »

Итак, у меня есть заголовок для моего веб -сайта, который я изначально разработал на ширине экрана 1536px. Теперь мне нужно сделать свой веб -сайт отзывчивым, поэтому я попытался масштабировать заголовок, делит «100VW» на 1536 и установив его как масштаб, чтобы преобразовать, чтобы пропорции оставались прежними. < /P>
class="bg-blue-50 flex justify-between items-start border-b-2 h-[110px] border-b-black px-6 py-2 transform origin-top-left scale-[calc(100vw/1536)]"

>
< /code>
Когда я использую это, ничего не меняется или происходит, когда я изменяю размер экрана. Я попытался добавить «PX» в заднюю часть 1536 года, но это также не работает. Это также не работает, когда я ставлю масштаб (Calc (100px/1536px)]. Масштабирование работает всякий раз, когда я ставлю: Scale- [Calc (100/1536)] или масштаб- [0,5], но не отзывчив.

Подробнее здесь: https://stackoverflow.com/questions/796 ... ive-design
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»