2016-09-04 3 views
2

Я могу изменить размер ширины iframe & высота больше, но если я хочу изменить размер меньше 150 пикселей, это не удалось. Как с этим бороться?css3 изменение размера: изменение высота и ширина меньше

Спасибо.

.frm{ 
 
    background-color:lightblue; 
 
    width:150px; 
 
    height:150px; 
 
    resize:both; 
 
    }
<iframe class="frm"> 
 
    
 
</iframe>

+0

[CSS3 изменения размеров игнорируя свойства мин-ширина/высота] (https://bugs.chromium.org/p/chromium/issues/detail?id=72841) – Itay

+0

Thks, может быть, Я должен использовать jquery ui, чтобы справиться с этим. – Heekei

ответ

1

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

.frm{ 
 
    background-color:lightblue; 
 
    width:150px; 
 
    height:150px; 
 
    resize:both; 
 
    } 
 
.frm:active { 
 
    width: 1px; 
 
    height: 1px; 
 
}
<iframe class="frm"> 
 
    
 
</iframe>

+0

thks. Я запускаю его, но у него страшный пользовательский интерфейс. Когда я нажимаю на рамку в первый раз, размер iframe изменяется до 1x1, и мне было трудно продолжать изменять размер iframe, сверкая iframe. Есть ли способ решить проблему без javascript? – Heekei

+0

То, что вы хотите, не может быть сделано только с помощью CSS. Это обходное решение. – raven

Смежные вопросы