Как сделать преобразование CSS: Масштаб больше похож на Zoom

Question

У меня есть веб-сайт с панелью «всплывающих окон», которая позволяет вам выбрать шаблон html. На этом этапе они показаны меньше, чтобы улучшить работу пользователя.

Это мой селектор.

.panel-overlay .panel-inner .section-preview 
    { 
     display: block; 
     width: 100%; 
     margin-bottom: 50px; 
     border: 1px solid black; 
     cursor: pointer; 
     zoom: 0.2; 
    } 

Используя устаревший "Zoom: 0.2;" приписывать это выглядит точно так же верно

Однако я не могу использовать это, потому что на IPad не масштабируется шаблоны на всех, атрибут не поддерживается IOS, поэтому я принял совет использовать «Transform:. масштаб (0.9), и это выглядит ужасно на всех устройствах, я не могу найти способ сделать это выглядеть как свойства масштабирования сделал

, вы знаете, как я могу

?

Answer 1

Вы применяете преобразование только к родительскому элементу?

преобразование родителей и детей ..

https://jsfiddle.net/Hastig/bz6eLwr3/1/

VS

преобразование только родительская

https://jsfiddle.net/Hastig/bz6eLwr3/3/

необходимый код для скрипками

.zoom { 
    transform: scale(0.5); 
}