how make adaptive facebook widget

<div class="yourcontainername" style="max-width: 320px;"><! -- set your comfort maximal width -->
    <div class="fb-page" data-href="https://facebook.com/yourpage/" data-tabs="timeline" data-width="" data-height="" data-small-   header="false" data-adapt-container-width="true" data-hide-cover="false" data-hide-cta="true" data-show-facepile="true"><blockquote cite="https://facebook.com/yourpage/" class="fb-xfbml-parse-ignore"><a href="https://facebook.com/yourpage/">Yourpage</a></blockquote>
    </div>
</div>