js获取手机宽度，18岁长什么牙

js怎么让body高度自适应手机屏幕

首先，在网页代码的头部，加入一行viewport元标签。

亲，这个需要你知道rem与px的区别，如果要让手机自适应，用rem是最合适的。http：//3g.bjnaotan99com/css/csscss 看看这个写的css .重点是最底下那一大段自适应的写法。然后你只要宽度是rem就OK。

display： block ！important； } .container { width： 920px； } } 但是上面的方法，可能不会兼容老版本ie。所以也可以通过js，识别当前页面的分辨率，来给出样式，这种比较好也比较复杂，代码量很多但是一般没有兼容问题。

function(){$(body).css(zoom， $(window).width() / 640)；$(body).css(display ， block)；})；试试呢~~用link标签...可以试试。 又学习了，不过手机同时兼容大显示器分辨率还是不行吧。

当然我们可以通过meta设置改变viewport的比例，如initial-scale=.5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。

首先你得有个高宽比（比例），根据这个比，用js计算就是了。

相关问答

Q1: 安卓如何获取屏幕宽度

使用meta标签，这也是普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。

=dm.heightPixels；以上两种方法在屏幕未显示的时候，还是处于0的状态，即要在setContentView调用之后才有效。

你还要用这个方法获取分辨率缩放比，用分辨率除以缩放比，才能获取到真实的高度和宽度。如果你想在其他类中获取屏幕的大小，那么在你的第一个activity中获取，然后用全局静态去保存，其他的类就能取到了。

在Android系统中，Activity窗口的大小是由WindowManagerService服务来计算的。WindowManagerService服务会根据屏幕及其装饰区的大小来决定Activity窗口的大小。

当然我们可以通过meta设置改变viewport的比例，如initial-scale=.5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。

在代码里面动态控制。这种方法要求比较高，但有时候很有效。比如你有一张图片，你希望是显示成屏幕宽度的15%，那么你可以在代码里面获取到屏幕的宽度，然后乘以这个百分比，设置为这个图片的宽度。

Q2: 怎么用js获取手机屏幕的分辨率

1、当然我们可以通过meta设置改变viewport的比例，如initial-scale=.5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。

2、下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？你最好说明你想要的效果。

3、在屏幕上同样一个点，实际尺寸大小一样，只是在iPhone 4上单位英寸内的像素点更多，看起来更加细腻。

4、当前的Android程序就支持了多种分辨率，那么就可以得到正确的物理尺寸了。

5、int height = dm.heightPixels//这个就是屏幕高度了。

Q3: Android手机js获取屏幕尺寸不准,导致计算的问题?

获取屏幕大小的方法，需要用Activity中Context的支持，获取到的是手机屏幕的分辨率，并不是实际的屏幕大小，你还要用这个方法获取分辨率缩放比，用分辨率除以缩放比，才能获取到真实的高度和宽度。

一般来说在移动浏览器上是拿不到屏幕真实分辨率的，因为页面渲染是在一个叫viewport的页面绘制区域内（说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的）。

当前的Android程序就支持了多种分辨率，那么就可以得到正确的物理尺寸了。

需要注意的是，在一个低密度的小屏手机上，仅靠上面的代码是不能获取正确的尺寸的。

这个问题在PC端开发中也会时有发生，据理解，应该是页面展开（即渲染机制的问题）。当您直接开启时，可能页面还未展开，也就无法获得准确的高度，当执行alert后，此时页面已然展开，获得的高度即正常。

Q4: 移动端,获取手机屏幕的宽,应该怎么做?

打开手机设置选项。选择打开显示和亮度。点击更多显示设置。选择设置应用全屏显示。

不要被这些尺寸吓倒。实际上大部分的app和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。像素密度 要知道，屏幕是由很多像素点组成的。

移动端界面尺寸应该怎样设计？众所周知移动端界面设计的尺寸与电脑端的尺寸设计是不一样的，有的企业因为费用会选择设计兼容性好点的电脑页面，但是这样的网站肯定没有直接设计的手机端界面更好。

相关概念： viewport：屏幕可见区域，你可以理解成显示屏幕大小。1移动端适配一般指网页适配多种尺寸屏幕，让网页效果看起来和设计师的设计稿一样。

在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。

js获取手机宽度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于18岁长什么牙、js获取手机宽度的信息别忘了在本站进行查找喔。