Power BI embeded adjust report according to Vertical and Horizontal display

[max14]

Hi

I have embeded my report. It is working fine when screen display is horzontal. But when screen is Vertically oriented report doest not adapt according to screen size. I have made report according to screen size also. I have tried this also but it still not work. What should I do so my report will adapt according to screen. 

<iframe width="100%" height="100%" src="" frameborder="0" allowFullScreen="true"></iframe>

 The gray area is my report

[Anonymous]

Hi @max14 ,

Base on your description, it seems like the visuals in the embedded report display grey with vertically oriented. Please update the codes as below and check if it can display normally:

Responsive visualizations coming to Power BI | Microsoft Power BI Blog | Microsoft Power BI

<style>
    .responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
    .iframe-container {
        position: relative;
        width: 100%;
        padding-top: 56.25%; /* 16:9 Aspect Ratio */
    }
</style>
<div class="iframe-container">
    <iframe class="responsive-iframe" src="YOUR_REPORT_URL" allowFullScreen="true"></iframe>
</div>

Best Regards