扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
1、H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽。可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡。
创新互联公司长期为成百上千客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为兴安企业提供专业的成都网站制作、做网站，兴安网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。
2、不需要担心设备尺寸不同的问题，以目前主流形式来看，有以下：pc端网页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在1200px内就行，比较规范。
3、x1136px。HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式，被认为是互联网的核心技术之一。一般情况下，H5页面设计稿做成640x1136px是最为稳妥的尺寸。
4、网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
5、网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
6、网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。
响应式布局设计：响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，响应式布局就是实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。
(ps：如果看上去不明显，可以用手机扫码网页(内网地址)或者点击原图看会更直观点。几个问题这里说一下，移动端H5开发，在不同分辨率，不同屏幕手机下会遇到的几个经典问题。
然后在里面使用不同的dimens文件，Layout中不要使用显示的数字，所有的尺寸定义全都援引dimens里面的内容。
既然是手机web端页面，这里的尺寸应该指的是浏览器的可视区域！同样是5寸屏，一些有问题一些木有问题。那他们的不同点就在于浏览器的可视区域不一样。针对这类极小部分的适配问题。可以通过。
1、第二种方法：做两个适合不同分辨率的页面，一个是800×600，一个是1024×768，在800×600的页面中加入一下代码就可以实现跳转了：解决分辨率问题在Dreamweaver中没有此项功能，我们只能手动加入一段Javascript代码。
2、打开浏览器，输入网址进入具体的网站，在浏览器屏幕的右下角找到放大镜图标；点击放大镜进入选择网页分辨率的页面，即可选择适合的网页分辨率。
3、老的方法是用在最外面放一个TABLE标签，定义好它的宽度，比如稍小于1024，因为右边会有垂直滚动条，浏览器也有边框。定义一个980，990这些差不多了。
老的方法是用在最外面放一个TABLE标签，定义好它的宽度，比如稍小于1024，因为右边会有垂直滚动条，浏览器也有边框。定义一个980，990这些差不多了。
你这是要自适应屏幕分辨率吧。在1024*768或者800*600的分辨率下可以自动调整成适用于该客户端分辨率的大小。
HTML页面可采用自适应布局或者响应式布局。自适应布局，使用百分比宽度来自适应屏幕大小。响应式布局，使用CSS的@media规则，根据不用屏幕大小范围，编写多个CSS样式，来适应多种屏幕大小。
打开一个网页，在网页的右上方找到一个“查看”选项。点击“查看”选项，下面出现一个下拉菜单，找到“网页缩放”选项。
分辨率就是屏幕上的像素数，例如2560×1440px的屏幕，屏幕横向有2560个像素，纵向有1440个像素。27显示器有2560×1440px的点对点分辨率，109PPI。如果把屏幕分辨率调低，会发现屏幕上的窗口、icon都变大了。
采用的对齐方式不同，尺寸比例不同。这是我们使用的设计尺寸要求，你可以参考。
页面中用到的图片是否清晰和展示页面的硬件设备的dpr以及图片分辨率这两个因素有关，下面会通过三个例子来说明这个问题。 ***示例一 *** 例如dpr=2的设备，1个设备无关像素(android中的1dp，ios中的1pt)需要4个设备物理像素点填充。
由于HTML5和微信内置浏览器的火爆，移动端H5网页越发流行。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网