html5手机分辨率（手机端网页分辨率）

今天给各位分享html5手机分辨率的知识，其中也会对手机端网页分辨率进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、怎么制作html5网站页面让它适应电脑和手机的尺寸
• 2、移动端H5页面的设计稿尺寸(上)
• 3、html5.怎么固定网页分辨率?
• 4、HTML5手机页面用一级域名打开按显示屏分辨率比例变化,通过二级域名访问...
• 5、android开发,html5页面怎么适配不同手机分辨率
• 6、HTML5移动网页的设计稿尺寸应该是多少?

怎么制作html5网站页面让它适应电脑和手机的尺寸

1、通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

2、了解什么是”自适应网页设计”自从2010年，Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。

3、解决方案1：p首先你要在html页面头部加上下面的代码；viewport，不懂可以百度；content=，一些小的模块可以用固定尺寸；meta ， name=。再就是css中要应用到媒体查询，不能不用固定尺寸。

4、var rem = html.offsetWidth / 4；html.style.fontSize = rem + px媒体查询 媒体查询正是为解决网页适应手机屏幕。

5、针对每个屏幕尺寸，在页面结构不变的前提下，重新写了一遍样式覆盖原有的而已。

6、在已安装的电脑桌面新建一个Word文档（演示文稿以Office2007系列为主），然后打开新建的文档，输入文字。

移动端H5页面的设计稿尺寸(上)

1、经常在做移动端网站时，我们会听到一些人说原型稿屏宽做成320px，设计稿做2倍640px，网上也有很多文章说这样说，H5网页的设计稿做成2倍普通屏分辨率就行了。

2、H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽。可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡。

3、一般安全区内框的尺寸是375X603PX，但在制作上又是另外一回事了，作铺满内框的图要按照这个尺寸的2倍大小去做。出血区也就是外框尺寸是422X748PX，作铺满外框的图要按照这个尺寸的2倍大小去做。

4、实际上大部分的app和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。 像素密度 要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。

5、因为要考虑到现在的大部分手机屏幕，更偏向于是全面屏或者是曲面屏幕，或者像iphonex这样的大屏手机，所以H5面的制作。

6、*1136pxH5一般的设计尺寸采用740*1136px即可，不过实际尺寸采用720x1280/750x1334px尺寸也可以实现，这样用于填充不同手机屏幕边缘区域，确保不会露白。

html5.怎么固定网页分辨率?

1、第二种方法：做两个适合不同分辨率的页面，一个是800×600，一个是1024×768，在800×600的页面中加入一下代码就可以实现跳转了：解决分辨率问题在Dreamweaver中没有此项功能，我们只能手动加入一段Javascript代码。

2、老的方法是用在最外面放一个TABLE标签，定义好它的宽度，比如稍小于1024，因为右边会有垂直滚动条，浏览器也有边框。定义一个980，990这些差不多了。

3、打开浏览器，输入网址进入具体的网站，在浏览器屏幕的右下角找到放大镜图标；点击放大镜进入选择网页分辨率的页面，即可选择适合的网页分辨率。

4、首先打开浏览器，点击选择右上角“三”图标按钮。然后在新的界面里点击选择“选项”按钮。之后在新的界面里点击选择左侧“高级设置”按钮。

5、你是想要自适应？有几种办法，百分比写CSS。要么就是做一个所有分辨率都适应的内容（也就是透明层）然后做一个1920的背景，背景居中，内容透明层居中。

HTML5手机页面用一级域名打开按显示屏分辨率比例变化,通过二级域名访问...

不能，除非有以开发手机网站的标准把页面提出来，放置服务器空间上链接好域名访问，既然你的h5页面应用已经有了，在移植到手机页面版也简单了吧，除了涉及控制手机底层的没法实现以外。

登录万网，找到“我的域名”，点开，在域名后面，有一个解析。打开它。点击“新增解析”正式开始添加二级域名 如果二级域名指向是一个解析服务器，请在记录类型选择CNAME记录。

打开手机web检查器。通过【设置】【Safari】【高级】【Web检查器】打开。见下图(点击查看大图)，并且你会看到该选项下面对电脑操作的相应描述，照做就好。

可以实现，设置隐藏URL转发即可实现，联系你的域名注册商，要求开通URL隐藏转发功能，将隐藏转发指向a.dname.com，即可实现。

网站是静态页面？还是整站程序 生成的？如果是生成的 更改设置。然后重新生成下 都是静态的话 哪就找个 超级批量文本替换 替换里面的二级域名 试试吧。记得先备份。___还是一样的方式啊，。

域名有的支持隐藏转发，有的不支持，这要看你的域名管理时候支持隐藏转发，隐藏转发就是你的域名设置转发后，不会显示转发到的网址，只会显示你的域名，但是这仅是首页是这样的，再点击其它连接还是会显示你的二级域名。

android开发,html5页面怎么适配不同手机分辨率

1、响应式布局设计：响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，响应式布局就是实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。

2、drawable： 存放不同分辨率对应图片 在1版本中有drawable-mdpi、drawable-ldpi、drawable-hdpi三个，这三个主要是为了支持多分辨率。

3、IE8短时间内不会灭绝。建议可以考虑HTML5+兼容性辅助，让现代浏览器显示炫酷效果，老浏览器保证业务正常即可，不一定和HTML5版本样式完全一样，只要最基本功能有就行了。移动端大多是webkit内核，可放心使用HTML5。

4、既然是手机web端页面，这里的尺寸应该指的是浏览器的可视区域！同样是5寸屏，一些有问题一些木有问题。那他们的不同点就在于浏览器的可视区域不一样。针对这类极小部分的适配问题。可以通过。

5、背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。

6、*1080FHD的分辨率在手机上只有5寸，在电脑上有22寸，你要是按照分辨率开发绝对要出问题。HTML5中使用meta name=viewport content=width=device-width，initial-scale=1即可。

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

1、H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽。可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡。

2、一般安全区内框的尺寸是375X603PX，但在制作上又是另外一回事了，作铺满内框的图要按照这个尺寸的2倍大小去做。出血区也就是外框尺寸是422X748PX，作铺满外框的图要按照这个尺寸的2倍大小去做。

3、你好 手机像素尺寸，现在市场上大部分是：720*1280px，当然，还有680*1008；苹果的不知道。五六尺寸是：360*640 建议以：720*1280px为准来设计手机版面，ps：避免做到手机上以后图片失真。

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