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

Question

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?

rubye_Friesen asked July 9th 19 at 10:55

Related questions

More answers about "How to make a website but with different content for different devices?"

2 answers

anjali25 answered on · Answer 1 · 2019-07-09T10:57:27.466Z

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>

Gussie_Hansen answered on · Answer 2 · 2019-07-09T10:59:27.466Z

Gussie_Hansen answered on 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