Android 如何复制<；视口>；在桌面上缩放？
我有一些HTML页面，通常被提供给移动设备（Android平板电脑），这些设备使用标签来缩放内容（通常是1280x720图像和视频） 理想情况下，我需要在桌面浏览器中查看相同的文件（或至少是相同的内容！），并具有适合浏览器窗口的内容比例 例如，内容1280x720需要放大，以固定我的显示器1960x1080上Chrome的全屏大小 以下是用于在移动设备上显示内容的代码：Android 如何复制<；视口>；在桌面上缩放？,android,jquery,html,css,Android,Jquery,Html,Css,我有一些HTML页面，通常被提供给移动设备（Android平板电脑），这些设备使用标签来缩放内容（通常是1280x720图像和视频） 理想情况下，我需要在桌面浏览器中查看相同的文件（或至少是相同的内容！），并具有适合浏览器窗口的内容比例 例如，内容1280x720需要放大，以固定我的显示器1960x1080上Chrome的全屏大小 以下是用于在移动设备上显示内容的代码： <html> <head> <meta name="viewport"
<html>
<head>
<meta name="viewport" content="initial-scale=1, width=1280, minimum-scale=1" />
<style>
* {
margin: 0;
padding: 0;
}
.container {
margin: 0;
padding: 0;
}
#master_container {
height: 720px;
overflow: hidden;
position: relative;
width: 1280px;
}
</style>
</head>
<body>
<div class="container">
<div id="master_container"><!-- content is inserted here via jquery --></div>
</div>
</body>
</html>
* {
保证金：0；
填充：0；
}
.集装箱{
保证金：0；
填充：0；
}
#主集装箱{
高度：720px；
溢出：隐藏；
位置：相对位置；
宽度：1280px；
}
因此，这些内容将填满分辨率为1080p的Android电视盒的屏幕，因为其浏览器仍被归类为“移动”（HTML文件通过使用WebView的自定义应用程序显示）考虑使用CSS媒体查询 使用CSS媒体查询，您将能够呈现针对特定范围的输出设备定制的内容，而无需更改内容本身 下面是一个来自web的快速示例（只需重新调整浏览器窗口的大小）： 这只是一个简单的媒体查询示例。我就是为此构建的 该库使用CSS
zoomtransform<!-- CSS Device Adaptation -->
<style>
@-ms-viewport { width: 1280px; height: 720px; }
</style>
<!-- Polyfill -->
<script src="fixedviewport.js"></script>
<script>
FixedViewport.polyfill(1280, 720).onDOMContentLoaded();
</script>
@-ms视口{宽度：1280px；高度：720px；}
FixedViewport.polyfill（1280720）.onDOMContentLoaded（）；
@-ms viewport幸运的是，
FixedViewport.polyfill（1280720）.onDOMContentLoaded（）将为您填充他们的行为。您应该在所有浏览器上都使用本机CSS和此多边形填充。很酷，看起来这可能是解决方案，因为我们现在只需要固定的16:9分辨率（当我发布时，分辨率可能是任何东西）。只需要找出如何使其缩小到比原始内容更小的大小？请使用初始缩放属性尝试此操作，它可以在首次加载页面时控制缩放级别。“最大比例”、“最小比例”和“用户可缩放”属性控制允许用户放大或缩小页面的方式。我希望它有帮助：-）我知道我把标签留在了，但我认为桌面上忽略了它？顺便说一句，为了缩小比例，我添加了一个最大宽度查询。你能在哪里解决你的问题？如果你认为我的答案有助于解决你的问题，请考虑接受它。如果我能提供更多帮助，请告诉我：-）
<!-- CSS Device Adaptation -->
<style>
@-ms-viewport { width: 1280px; height: 720px; }
</style>
<!-- Polyfill -->
<script src="fixedviewport.js"></script>
<script>
FixedViewport.polyfill(1280, 720).onDOMContentLoaded();
</script>