Блог

Главная - Вопросы по программированию - Проблема при применении масштабирования с помощью ‘transform: scale()’ в div

Проблема при применении масштабирования с помощью ‘transform: scale()’ в div

#javascript #html #css

#javascript #HTML #css

Вопрос:

Когда я применил свойство zoom к transform контейнеру или div , который я применил, масштабирование полностью уменьшается или увеличивается. Моя цель — исправить родительский div в качестве окна просмотра и применить масштабирование к внутренним элементам div.

 <div class="container">
  <div id="panzoom">
    <div class="diagram">
      <div id="i0"  class="item">Root!</div>
      <div id="i1" class="item">Child 1</div>
      <div  id="i11" class="item">Child 1.1</div>
      <div  id="i12" class="item">Child 1.2</div>
      <div id="i2" class="item">Child 2</div>
      <div id="i21" class="item">Child 2.1</div>
      <div id="i3" class="item">Child 3</div>
    </div>
  </div>
</div>

Мне нужно исправить panzoom как окно просмотра и увеличить diagram так, чтобы перетаскиваемые элементы внутри диаграммы могли перетаскивать все окно просмотра ( panzoom ).

Комментарии:

1. Глупый вопрос: Почему бы просто не применить его к panzoom вместо этого?

2. Это css transform ? вы должны включить часть css в вопрос.

3. при применении его к ‘panzoom’ div полностью преобразуется, мне нужны внутренние элементы для масштабирования, и panzoom должен быть зафиксирован в положении

4. Я использовал transform: scale(1.5); для css

5. imagebin.ca/v/4ZLr6HJEld0y при применении к панорамному масштабированию