强制浏览器使用特定分辨率答案

【问题标题】：Force a browser to a specific resolution强制浏览器使用特定分辨率
【发布时间】：2018-06-28 07:06:32
【问题描述】：

我正在尝试在 4k 电视上以纵向视图 (2160x3840) 显示网站，这适用于分辨率为 1080x1920 等的图片。我的问题是我需要显示一个网页。我猜浏览器是 1024x768 什么的，这使得网站在电视上垂直拉伸。我可以强制浏览器进入特定分辨率吗？

【问题讨论】：

您可以这样做（假设您想降低浏览器的分辨率），但这是解决问题的坏方法。一个更好的主意是使用媒体查询来确保您的布局在任何给定的分辨率下都能正常工作
"浏览器是 1024x768 或其他东西" ...或其他任何东西，您无法预测用户屏幕的大小。
我认为 OP 没有询问有关 HTML/CSS 的任何内容，但他有一个克隆到电视的桌面，并且因为电视和显示器（很可能是笔记本电脑）具有不同的分辨率和纵横比，他看到内容被拉伸了......
其他所有显示的内容都是 1080x1920，这使它看起来像它应该的那样。不过这个问题已经解决了。我发现我使用的服务的附加组件非常类似于 Photoshop。一切都井井有条，但感谢大家花时间帮助我！ :)

标签： javascript c# jquery html css

【解决方案1】：

首先

浏览器是 1024x768 还是什么的

可以使用您正在测试的设备上的开发工具检查确切的显示大小（以像素为单位）。最快的方法是右键单击屏幕角落的空间并检查它。通常，它会转到 body 元素（如果上面没有任何东西伸展）并且在计算下您可以看到宽度和高度。这应该与所有浏览器相同或几乎相同。

其次，在大多数情况下（除非您特别与客户达成一致），您永远无法确定您的页面将显示什么样的显示，因此不要只关注该屏幕尺寸。

第三，是的，您可以通过调用强制浏览器达到特定分辨率：

function openWin() {
 myWindow = window.open("", "", "width=100, height=100");
}

function resizeWin() {
   myWindow.resizeTo(250, 250);                            
    myWindow.focus();                                     
}

第四，考虑到第二点，这似乎是一种糟糕的处理方式。

【讨论】：