Edge中的Windows Phone 10分辨率

Question

我有Windows Phone 10的问题。我有Microsoft Lumia 550（1280 x 720）和我创建的网站宽度正好是720px，但在我的浏览器（Edge）中我只能看到页面宽度的一半。有谁知道这可能是什么原因？感谢

Answer 1

Edge倾向于响应式设计，并使用有效像素来确定如何重新缩放内容。 （对有效像素的快速解释：https://channel9.msdn.com/Blogs/One-Dev-Minute/Scaling-and-effective-pixels-in-UWP-apps）如果您的网站被硬编码为桌面上的720像素，则可能会尝试为此窗口重新缩放。

确保使用某种类型的检测来查看屏幕的宽度，然后您可以显示相应的网站。例如，您可以在CSS中使用媒体查询执行此操作 - https://msdn.microsoft.com/en-us/library/bg124120%28v=vs.85%29.aspx

使用桌面边缘上的F12工具可以帮助您测试网站，看看它在整理布局时的作用。您可以使用此模拟桌面上的手机进行测试。