Tag: 视口

新的iOS 7.1 minimal-ui视口设置中是否存在错误？: iOS 7.1中的新“最小UI”设置对于景观网站来说非常有用。我的networking应用程序使用全屏，绝对定位div的内容，给它一个应用程序般的感觉。但Safari浏览器似乎只增加了底部URL栏的高度。我已经在不同的iPhone上尝试过，相同的结果… 以下是加载页面后的样子：这是一个错误，或者我做错了或失踪？点击举例（在iPhone上使用iOS> = 7.1查看）

我可以在移动Safari浏览器中更改视口元标记吗？: 我有一个为移动Safaribuild立的ajax应用程序，需要显示不同types的内容。我需要用户可扩展= 1的其他内容我需要用户可扩展= 0的一些内容。有没有办法更新这个dynamic而不刷新页面？ <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

将视口设置为缩放以适应宽度和高度: 我正在一个适合特定宽度和高度的网站（885×610 div，1px边框和3px顶部边距）。我希望用户不必滚动或缩放以查看整个div; 它应该始终是完全可见的。由于设备具有各种分辨率和宽高比，所以想到的想法是用JavaScriptdynamic设置“视口”元标记。这样，div将始终是相同的尺寸，不同的设备将不得不以不同的方式进行放大，以便将整个div放在视口中。我尝试了我的想法，并得到了一些奇怪的结果。以下代码适用于首页加载（在Android 4.4.0的Chrome 32.0.1700.99中testing），但在刷新时，缩放级别会发生变化。另外，如果我注释掉alert ，即使在首页加载时也不起作用。小提琴 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"> <script type="text/javascript"> function getViewportWidth() { if (window.innerWidth) { return window.innerWidth; } else if (document.body && document.body.offsetWidth) { return document.body.offsetWidth; } else { return 0; } } function getViewportHeight() { if […]

什么是iPhone6和iPhone 6 Plus的设备宽度的CSS视口大小: iPhone 6和iPhone 6 Plus刚刚宣布。但是像往常一样，手机规格决不会在CSS像素或DPR width=device-width,initial-scale=1给出元视口device-width大小。已经做了预测，推测视口宽度为375 / 414px，但仍然不清楚… 注意：请不要以已知的整体设备分辨率或规格来推测或发布答案，这不是我正在寻找的。我需要以像素为单位的默认响应纵向和横向视口宽度。