html5判断分辨率，web端分辨率测试

HTML5移动网页的设计稿尺寸应该是多少?

1、移动端的h5页面的尺寸是多少H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽。

2、网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

3、这里以移动端响应式网站为例，讲述如何制作响应式网页。选定基本设计尺寸选定基本设计尺寸，一般以1080为基准。

相关问答

Q1: HTML5如何利用rem实现自适应布局

rem自适应布局适合用于pc端吗？PC端用rem首先要用resize()函数把平常用的remjs包含起来，因为手机屏幕宽度固定，而pc端可以改变浏览器窗口大小。

它也很方便，在使用时我们只需要设置根元素的字体大小，然后就能够使用rem来进行计算和布局了。rem在不同屏幕大小的适应性上有很大的优势。在响应式设计中，我们需要根据不同屏幕大小自适应布局，这时候使用rem非常方便。

确定响应式web设计的应用场景之后，和美工(或设计师)沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局以及rem等可以使用一套设计图，以最常用的移动设备屏幕分辨率为基准。

点击左侧自适应按钮，弹出自适应视图，分别设置手机、平板和电脑分辨率的范围。这时界面上显示出不同分辨率界面，然后预览该界面。

具体到每个方案，可以使用上述基本的网页布局进行适配。可以看作是由一系列基本布局组成的一套方案。 一般自适应布局会设计宽屏、窄屏、移动终端等几种适配方案，然后设置屏幕适配的范围。

在它里面嵌入了另外一个表格，表格宽度占表格单元的50%，则这个表格的宽度为300，上面说过rem是通过根元素进行适配的，网页中的根元素指的是html我们通过设置html的字体大小就可以控制rem的大小。

Q2: HTML页面是如何适应不同分辨率的显示器

1、桌面空白处右键菜单选择屏幕分辨率弹出对话框中点住小滑块上下拉动设置到屏幕大小适合确定保存即可。图形设置不见你可以更新一下显卡驱动即可自动安装出现。

2、HTML页面可采用自适应布局或者响应式布局。自适应布局，使用百分比宽度来自适应屏幕大小。响应式布局，使用CSS的@media规则，根据不用屏幕大小范围，编写多个CSS样式，来适应多种屏幕大小。

3、其实很简单，只需要在res目录下创建不同的layout文件夹，比如layout-640x360，layout-800x480，所有的layout文件在编译之后都会写入R.java里，而系统会根据屏幕的大小自己选择合适的layout进行使用。

4、在1024*768或者800*600的分辨率下可以自动调整成适用于该客户端分辨率的大小。

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

关于html5判断分辨率和web端分辨率测试的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。