我的网站要求至少720px宽度。 Iphone 6的分辨率为1334x750，但他们的浏览器报告为667px。三星S5据说是1080x1920，但浏览器报告640。
我知道屏幕可以处理细节，但我不知道如何获得更大的分辨率。我需要720px才能达到最小宽度，那么我该如何才能让手机＆lt; 720px正确缩放？按比例我的意思是显示所有720px没有任何滚动
答案 0 :(得分：1)
您需要在头代码<meta name="viewport" content="width=device-width,initial-scale=1">
然后将媒体查询添加到支持所有当前设备的css表 http://codepen.io/mlegg10/pen/JKdOaj
答案 1 :(得分：1)
如果我理解正确，您希望将内容宽度缩小到视口的宽度。这通常是自动完成的，除非代码在页面的head部分中包含以下行：
<meta name="viewport" content="width=device-width, initial-scale=1">
因此，如果您的代码中 ，将其删除。 （但请注意，您的页面无响应，现在这很不寻常！）
关于您对器件像素的观察：这与像素密度＆＃34;这对于文本（字体）和矢量图形的更好显示/清晰度以及如果向浏览器提供高分辨率图像的图像很重要。例如，iPhone 6实际上具有1334个物理像素的高度（比例为1：2），然而当涉及到CSS像素单元时，它被视为667px。
答案 2 :(得分：0)
在使用代码设计之前在.css代码中输入
@media only screen and（min-width：720px） 和（最大宽度：1336px）和（最小分辨率