Hello I am working on one website that website basically for all like desktop, iPad and phone and this website is fully responsive and I have used bootstrap and some other @media rule so currently when I resize the window then automatically adjust this website so now my expectation is that.
Expectation :
I have a html body and I want to set body max-width to 650px with responsive content so how I can achieve this like with some javascript and jquery and if you post answer then it will good for me to understand the code.
My code
HTML
<body class="customcss"> <app-root></app-root> </body>
CSS
.customcss{
max-width: '650px'; // this is set 650px to body page
margin: 0 auto; // body content display on center of the screen
}
you can check this for demo purpose I want to make same with this
NOTE
I have done this with iframe but iframe will not work because some of things will not work like routing url will not show in url bar
Advertisement
Answer
There is no way to show responsive page content with JavaScript and jQuery within 600px.
One thing you can implement iframe iframe. It will show responsive content but you said iframe will not work for that, it will give some other issues like routing and search engine optimizing.
So you need to change all Bootstrap class manually there is no other way. If you are using Bootstrap then change class to col-12 as per your requirement.
Also you can use @media rule for more responsive.