We all know that the old and some newer php pages dont view well on mobile devices.
Often too large in width and really dont have a good clean look other than on desktop.
To fix this we can make the pages responsive to handheld devices by adding this DIV as the page container but i want to make sure to ask
Using the example of the PLAYING.php page, where would the div be added around?
Would it be on root/web/playing.php
or
root/display/display.playing.php
Using this code should help solve the issue for most users.
Code:
<div style="position: relative; padding-top: 56.25%;">
.................insert php code here...............
</div>
Please note
padding-top calculation is height / width (assuming 16:9 aspect ratio)