html - CSS with ASP.NET MVC Razor View. How to set page to device width? Meta tag is not working -

i have total 4 view pages, 1 page used main page , remaining 3 loading main page of partial view. works well. thing unable adjust page device width. though have added tag view port attribute. how can achieve this?

to make sure understand correctly, want dynamically resize page based on size of device, right? not believe have ability override user settings when visit page; however, can references browser height , width using $(window).height() , $(window).width(), respectively.

also, can set size of new page if user triggers event.

window.open("https://google.com", "", "width=700,height=700");