How to make a website but with different content for different devices?

Hello tell me how to make one website but with different content for different devices? That is, if you open the computer there is one information , and if you open the phone then the other?
In an example I can give here is a website bananix.ru

Are there any constructors for these purposes?
July 9th 19 at 10:55
2 answers
July 9th 19 at 10:57
If you want different content use the User Agent.

And @media (CSS) as you suggested above, it is only possible to adapt the size and style of the website under different screen sizes.

UPD: the designers try to use JavaScript

<script type="text/javascript">
 var mobiles = array["iPhone", "iPod"];//mobile devices
 var i;

 for(i=0;i< mobiles.lenght;i++){
 //testing if the RE matches the mobile agents
 var er = new RegExp(mobiles,"i");
 if( er.test( navigation.userAgent ) ) {
 window.location = "http://mobile.mysite.com/" ;
}
}
</script>
User Agent. not very well by the way works - Rudy.Williamson commented on July 9th 19 at 11:00
July 9th 19 at 10:59
via media.

if the website opens up with a mobile phone or tablet, then he shows the other blocks.
what's in those blocks to place you decide
And online designer tell me? - Rudy.Williamson commented on July 9th 19 at 11:02
: not met, hands all. - rubye_Friesen commented on July 9th 19 at 11:05

Find more questions by tags Mobile sitesAndroidWeb Development