{"id":11937,"date":"2022-09-29T01:48:38","date_gmt":"2022-09-28T20:18:38","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/"},"modified":"2022-09-29T01:48:38","modified_gmt":"2022-09-28T20:18:38","slug":"solved-preserve-browser-window-aspect-ratio-while-shrinking-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/","title":{"rendered":"[Solved] Preserve browser window aspect ratio while shrinking [closed]"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

That’s not a good idea. Resizing the window is frowned upon, and in recent browser versions it’s rarely allowed. See these notes<\/a> about the rules that Firefox imposes.<\/p>\n

However, it would be possible, if you are allowed to resize the window, to call window.resizeTo<\/code> with the right parameters computed using window.innerWidth<\/code>, window.innerHeight<\/code>, window.outerWidth<\/code>, window.outerHeight<\/code>.<\/p>\n

Something like this should work:<\/p>\n

window.onresize = function() {\n    var targetInnerHeight = window.innerWidth * 800 \/ 1200;\n    var heightDiff = window.outerHeight - window.innerHeight;\n    var targetOuterHeight = targetInnerHeight + heightDiff;\n    window.resizeTo(window.outerWidth, targetOuterHeight);\n}\n<\/code><\/pre>\n
But again, you shouldn’t do this<\/strong>, in most cases the browser won’t let you do that for security reasons, and it’s not nice to manipulate the user’s browser and prevent the user from resizing the browser as he pleases.<\/p>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            <\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved Preserve browser window aspect ratio while shrinking [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] That’s not a good idea. Resizing the window is frowned upon, and in recent browser versions it’s rarely allowed. See these notes about the rules that Firefox imposes. However, it would be possible, if you are allowed to resize the window, to call window.resizeTo with the right parameters computed using window.innerWidth, window.innerHeight, window.outerWidth, window.outerHeight. … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[464,346,333],"class_list":["post-11937","post","type-post","status-publish","format-standard","hentry","category-solved","tag-css","tag-html","tag-javascript"],"yoast_head":"\n[Solved] Preserve browser window aspect ratio while shrinking [closed] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Preserve browser window aspect ratio while shrinking [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] That’s not a good idea. Resizing the window is frowned upon, and in recent browser versions it’s rarely allowed. See these notes about the rules that Firefox imposes. However, it would be possible, if you are allowed to resize the window, to call window.resizeTo with the right parameters computed using window.innerWidth, window.innerHeight, window.outerWidth, window.outerHeight. ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-28T20:18:38+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Preserve browser window aspect ratio while shrinking [closed]\",\"datePublished\":\"2022-09-28T20:18:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/\"},\"wordCount\":119,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"css\",\"html\",\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/\",\"name\":\"[Solved] Preserve browser window aspect ratio while shrinking [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-09-28T20:18:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Preserve browser window aspect ratio while shrinking [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Preserve browser window aspect ratio while shrinking [closed] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Preserve browser window aspect ratio while shrinking [closed] - JassWeb","og_description":"[ad_1] That’s not a good idea. Resizing the window is frowned upon, and in recent browser versions it’s rarely allowed. See these notes about the rules that Firefox imposes. However, it would be possible, if you are allowed to resize the window, to call window.resizeTo with the right parameters computed using window.innerWidth, window.innerHeight, window.outerWidth, window.outerHeight. ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/","og_site_name":"JassWeb","article_published_time":"2022-09-28T20:18:38+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Preserve browser window aspect ratio while shrinking [closed]","datePublished":"2022-09-28T20:18:38+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/"},"wordCount":119,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["css","html","javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/","name":"[Solved] Preserve browser window aspect ratio while shrinking [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-09-28T20:18:38+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-preserve-browser-window-aspect-ratio-while-shrinking-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Preserve browser window aspect ratio while shrinking [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/11937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=11937"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/11937\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=11937"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=11937"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=11937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}