做个手机页面怎么才能适配不同的手机?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了做个手机页面怎么才能适配不同的手机?相关的知识,希望对你有一定的参考价值。

参考技术A 一般来说,iH5的手机案例默认的尺寸是640*1040px,也就是iPhone6 plus的尺寸,我用的正是iPhone6 plus,所以我做案例时没出现过这类问题,而你遇到案例呈现不完整的情况我想应该是手机型号的不同导致的。
你可以设置舞台或者设备的属性,舞台裁剪为no,如果用的是短款手机观看作品,有滚动条也可以看到完整的案例。
如果你想要实现完美适配,可以做三个设备,宽度均为640,高度可设置为1040(iPhone6 plus)、1008(iPhone5s和大部分android手机)、832(iPhone4s)。
希望我的回答对你有帮助
参考技术B 你可以试试看用epub360 或者 coolsite360 网页制作工具来制作 响应式网页 可以很方便的适应所有手机本回答被提问者采纳 参考技术C 平常切图网在做手机页面的时候,通常做成750宽,然后基于flexible.js +rem去完成手机适配,效果很好,并且pc和手机都支持完美的浏览,希望对你有所帮助。 参考技术D 用什么语言写的?
java?或者是javascript
反正都是扯到了一个适配的问题。
最简单直接的就是借鉴一下别人的方案,多看看理解一下就好了。
第5个回答  2019-01-17 一般来说,iH5的手机案例默认的尺寸是640*1040px,也就是iPhone6 plus的尺寸,我用的正是iPhone6 plus,所以我做案例时没出现过这类问题,而你遇到案例呈现不完整的情况我想应该是手机型号的不同导致的。

以上是关于做个手机页面怎么才能适配不同的手机?的主要内容,如果未能解决你的问题,请参考以下文章

h5页面怎么适配各个分别率的手机

手机web版的页面(html/css)怎么兼容所有浏览器和各个手机屏幕分辨率

antdesignvue手机怎么适配

移动端H5页面适配问题研究

iphone端的H5页面怎么适配iphone5-7p

(淘宝无限适配)手机端rem布局详解