Breite von QuaggaJs auf 100% setzen?

Question

Ich versuche, einen Barcode-Scanner für eine mobile Webanwendung zu erstellen.
Jetzt möchte ich die Breite des "Kamera Ansichtsfensters" in meine Div einstellen.

So in QuaggaJs können Sie die Größe des Live-Stream wie folgt festgelegt:

Quagga.init({ 
    inputStream : { 
     name : "Live", 
     type : "LiveStream", 
     target: document.querySelector('#interactive'), 
     constraints: { 
      width: 200, 
      height: 200, 
      facing: "environment" // or user 
     } 
    }, 

Wenn Sie „Kommentar“ die Breite und Höhe wird die Größe als mein Handy-Bildschirm größer sein.
Also, wie kann ich das Ansichtsfenster zu füllen nur meine div?

HTML (Bootstrap)

<div class="container"> 
    <div id="interactive" class="viewport"></div> 
    <div id="interactive" class="viewport col-md-12"></div> 
    <div id="interactive" class="viewport" style="width: 100%;"></div> 
</div> 

Answer 1

Sie können diese Eigenschaften Höhe und Breite Whit eingestellt.

var w = window.innerWidth; 

var h = window.innerHeight; 

und innerheight innerwidth sind Sie Bildschirmabmessungen