What is the best way to open a browser window at a quarter of its default size?

Question

What is the best way to open a browser window at a quarter of its default size?

Is there a way to open a window at 25% of its default device browser window size?

I attempted the code below, which worked. However, it only accepts pixel inputs and not relative % values. This makes it non-scalable across various devices.

window.resizeTo(width, height);

Does anyone have any suggestions on how to achieve this with % values?

Update: How can I make sure this window opens in a new browser tab with the address bar hidden?

I want to launch a chat window that always opens in a new, smaller window with minimal tools visible (only close, min/max buttons).

javascript html css

Answer 1

Answer №1

let height = window.innerHeight * .25;
let width = window.innerWidth * .25;
window.resizeTo(width, height);

Answer 2

let height = window.innerHeight * .25;
let width = window.innerWidth * .25;
window.resizeTo(width, height);

Answer 3

Answer №2

<!DOCTYPE html>
<html>
<body>
<button onclick="myCustomFunction()">Click to Open Window</button>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
function myCustomFunction() {
    var width = $( window ).width()/4;
    var height = $( window ).height()/4;
    var newWindow = window.open("", "", "width="+width+"px,height="+height+"px");
}
</script>

</body>
</html>

Answer 4

<!DOCTYPE html>
<html>
<body>
<button onclick="myCustomFunction()">Click to Open Window</button>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
function myCustomFunction() {
    var width = $( window ).width()/4;
    var height = $( window ).height()/4;
    var newWindow = window.open("", "", "width="+width+"px,height="+height+"px");
}
</script>

</body>
</html>

Answer 5

Answer №3

var dimensions = "width="+screen.width/4+",height="+screen.height/4;
window.open("http://www.example.com","demo",dimensions)

Absolutely correct, percentages are not accepted here. Only pixels can be used. Utilize the screen object to retrieve height and width values.

Answer 6

var dimensions = "width="+screen.width/4+",height="+screen.height/4;
window.open("http://www.example.com","demo",dimensions)

Absolutely correct, percentages are not accepted here. Only pixels can be used. Utilize the screen object to retrieve height and width values.

What is the best way to open a browser window at a quarter of its default size?

Answer №1

Answer №2

Answer №3

Similar questions

The function of cookieParser() is causing confusion

How to pass GetServerSideProps into Page component props in Next.js with custom _app.js

Ways to extract subarray elements that meet a certain condition and break out of the loop

ui-router: Converting URL parameters

What is the best way to create a sliding menu that appears from the right side on a mobile device using HTML, CSS, and JQuery

How do I ensure a single row in my table constantly remains at the bottom?

Items seem to vanish into thin air and become immovable when attempting to relocate them

Issues with Vuex store causing incorrect value retrieval

I am looking to obtain assistance through denomongo for guidance

Creating an internal link to navigate to a specific element ID within another Angular component

Is it acceptable to employ numerous classes simultaneously?

Is it possible to open an image using the tag "a"?

Scan across a lineup of pictures

The functionality of jQuery click events seems to be disabled on the webpage, however, it is working perfectly fine on jsFiddle

Performing a JSON POST Request: Steps for sending a POST request with JSON data format

What causes the DOM to be updated upon each opening of the browser extension for Chrome?

React Native error - "Invalid element type: expected a string or class/function, but received undefined" - encountering issue with importing a custom library?

How can I achieve a transparent background for a text field in CSS instead of white?

Incorporating an image within a v-for loop in Vuetify

Initiate an AJAX request to the server upon beforeunload event