Page Responsive autofit according to the screen/window size

[Rahul Kumar]

Hello,

I want to make my page responsive which must autofit according to the screen/window size. Please refer to my code snippet (index3.html)attached below & make chnages accordingly.

Thanks

Rahul Kumar

Attachment: Demo_(Power_Electronics_Lab)_86f4c985.zip

[Aravind Ravi]

Hi Rahul, 

 

On analyzing the provided code snippet, you have set the div element width and height in the pixel. So that window does not fit for the screen size. This issue is not related to the diagram component. So please set the div height and width in percentage to resolve the issue. For more information for how to set div width equal to window size, please refer to below link 

 

Link: https://stackoverflow.com/questions/20762823/set-div-width-equal-to-window-size 

 

Regards 

Aravind Ravi 

[Rahul Kumar]

Hello sir,

 It doesn't work. Can you make changes in my code snippet shared above.

Thanks

Rahul Kumar

[Aravind Ravi]

Hi Rahul, 

 

As we said earlier, the issue is not related to diagram component. Could you please confirm us whether you set the parent div height and width in percentage or in pixel. If set in pixel means then split the div in percentage. For e.g. For first div set as 20% , 2^nd div as 60% and for 3^rd div set as 20%. So that all div gets fit to the window screen.  

 

Regards 

Aravind Ravi