penceresi dinamik geçiş İşte

Question

sonra yeniden boyutlandırmak için izin verin konu: Biz pencere içeriğine göre boyutlandırmak için alabilirsiniz

, ancak pencere yeniden boyutlandırıldığında yükseklik altındaki beyaz alana bir ton bırakarak ya dinamik olarak değişmediğini veya içeriği sayfanın geri kalanında saklamak.

HTML:

<div class="panel-container" style="height: 706px;"> 
    <div class="control-panel create-job flexible"> 
    <div class="column-container"> 

JSX:

İşte kod

resizePanel: function (height) { 
    this.refs.panel.style.height = height + 'px'; 
    }, 
    getPanelContainerStyle: function (controlPanel) { 
    if (this.state.isPanelOpen && _.isObject(controlPanel)) { 
     var height = controlPanel.type.prototype.height; 
     if (_.isNumber(height)) { 
     return {height: height}; 
     } else return {height: 100}; 
    } else return {}; 
    }, 

CSS:

.panel-container 
    height 0 
    transition height 0.3s 
    margin-top bump-lg px 
    margin-bottom bump-lg px 

Herhangi bir yardım çok takdir edilmektedir!

Answer 1

Viewport birimleri kullanmayı denediniz mi? Daha fazla bilgiyi burada bulabilirsiniz https://teamtreehouse.com/community/resizing-div-automatically-depending-on-screen-size