Lassen Sie Fenster dynamisch nach dem Übergang, um die Größe

Question

Hier ist die Frage:

wir das Fenster nach dem Inhalt, um die Größe zu bekommen, aber wenn das Fenster der Höhe nicht dynamisch geändert wird entweder ändern, um eine Tonne weißen Raum verlassen unten oder den Inhalt hinter dem Rest der Seite verstecken.

Hier ist der Code:

HTML:

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

JSX:

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 

Jede Hilfe ist sehr zu schätzen!

Answer 1

Haben Sie versucht, Viewport-Einheiten zu verwenden? Sie können weitere Informationen hier finden https://teamtreehouse.com/community/resizing-div-automatically-depending-on-screen-size