是否有一致的方法来确定使用Javascript的移动设备的屏幕宽度和虚拟视口(viewport)？我的目标平台是移动版Safari和Android的标准浏览器，但我也在Android上使用其他浏览器进行测试。我试过screen.width,window.innerWidth,document.getElementByTagName("body")[0].clientWidth,和jQuery的$(window).width()。MobileSafari(来自ios3.1.3(7E18)，原始iPodtouch)显示有用的值，但普通的Android浏览器(Android2.3.7)没
背景移动端设计稿一般是750px，如果没有用taro或者uniapp这类的框架，就需要自己来进行css的适配。方案一、Remrem是相对于根元素html字体大小的一个css单位，默认情况下html的font-size=16px，所以1rem=16px。可以动态设置html的字体大小，比如设置html的font-size=100px，那么1rem=100px。重点就是动态设置html字体大小。第一步先在html的head标签中加一个meat标签metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=
一、px（像素）【绝对单位，页面按精确像素展示】px就是pixel（像素）的缩写，相对长度单位，相对于屏幕分辨率。px表示像素(计算机屏幕上的一个点：1px=1/96in)，是绝对单位，不会因为其他元素的尺寸变化而变化；px是CSS中最常用的长度单位，可以用来指定字体大小，元素的宽度、高度、边框、内边距，外边距的大小等等,它是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPIpx单位的值必须是整数值与px相关的一些单位in-表示英寸，是一个物理单位，在CSS中被直接映射成为px;转换的方法是1in=96pxcm-表示厘米，在生活中常用的单位，同样被
关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭3年前。Improvethisquestion我的网站上有不同的部分，我希望其中一些部分占据整个视口(viewport)高度。所以我用height:100vh;调整大小在ChromeiOS上，每当隐藏或再次显示地址栏时，这会导致内容略微“垂直跳跃”。特别是，每当用户向一个方向滚动然后向另一个方向滚动
我的网站有一个固定的布局，大小为1090像素。当我使用这个元标记时:页面将加载放大。虽然不是所有的方式(大约300像素的宽度不在视野范围内)。此外，您无法将页面缩小到足以看到整个页面的程度。width=device-width不应该解决这个问题吗？所以我尝试了0.29的初始比例，这对iPhone来说效果很好。但是当在iPad上加载网站时，它显然太小了。我该如何解决这个问题？更新:所以我只是想，宽度似乎是由我的页面的高度定义的。iPhone上的Safari适合视口(viewport)中的高度而不关心适合宽度，也不会让您缩小以查看整个宽度。看起来如果页面更高，您可以看到更多的宽度。横向宽度
我正在尝试了解iOS设备的视口(viewport)元标记。我创建了一个测试页面，我在其中插入了一张862像素宽的图像。所以我将视口(viewport)元标记设置为:然而在ipad3上，分辨率宽度为1536像素，视口(viewport)设置为与ipad3相同的可见区域，862px的图像被放大了，宽度比可见区域。所以我必须水平滚动才能看到图像的其余部分。这让我觉得device-width返回768像素，这说明了862像素图像的水平滚动有点额外。为什么要这样做？我必须考虑某种像素密度吗？更新我已经尝试将宽度设置为数字宽度，与图像的宽度完全相同(在本例中为“862”)。所以网页是862X206
我开发了一个web应用程序，并成功地使用视口(viewport)元素使该应用程序适合不同的设备。例如在iPhone上我使用了这个:我的Web应用程序在iPhoneSafari浏览器上使用此视口(viewport)看起来不错。因此我想，在PhoneGap的帮助下将我的webapp包装成AppStore应用程序会很容易。但到目前为止，我没有运气这样做。viewport标签似乎被完全忽略了。所以这是我的问题:视口(viewport)标记是否在PhoneGap上以特定宽度(如上例所示)工作？还是我必须重新设计响应式网页设计？ 最佳答案 我已
在iPad上运行良好，但在iPhone上运行不佳任何代码都可以指向iPad和iPhoneiPadiPhone 最佳答案 iPhone最大宽度是480px而不是440px这将关闭可缩放选项的视点这是一个仅适用于iPad的css文件这是一个仅适用于iPhone的css文件它们是条件注释，因此它们将仅适用于具有指定最大宽度的特定设备。 关于iphone-"Viewport"由HTML中的META标记...如果iPad=X并且如果iPhone=Y？，我们在StackOverflow上找到一个类似
当我在iPhone中使用Safari查看以下html文件时，它没有按预期显示内容的整个宽度:iOSViewportTestbody#wrap{width:1008px;border:1pxsolid#000;}h1{font:30pxsans-serif;}Here'ssomequiteeloooongatedtextthatshouldmakethescreenatleast1008pxwideormore谁能看出我做错了什么？物有所值，我有iOS6.1和Safari6.0 最佳答案 尽管我非常仔细地阅读了苹果的各种视口(view
在iOS网络浏览器(Safari、Chrome等)中，当您点击输入字段并显示键盘时，它会保持视口(viewport)大小不变，但会向上滑动部分不在视野范围内。这使得创建类似应用程序的网站变得非常困难，因为我正在编写一个聊天应用程序，当键盘显示时我想保持对话完全可见，但只需调整对话区域的大小以适应新的“调整大小”的可视区域。我已经尝试了所有方法，例如让对话区域绝对定位left:0;右:0；顶部:0；bottom:0，但iOS仍然保持视口(viewport)大小相同并将其向上推，部分超出View。这可能吗？还是超出CSS或JavaScript控制的系统级功能？
