use a @media tag and css
.
You put meta viewport according divice width:
<meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=yes, minimum-scale=1.0, maximum-scale=2.0">
and, then adjust the size for the panel attached to the viewPort: For example:
you can sent the styles for content on screens that have a width of 480px and lower.
@media all and (max-width: 480px) {
// styles assigned when width is smaller than 480px;
}
Media Queries for Standard Devices
Hope that will helps you to achieve your task.