移动端的第一个页面

当我以电脑端页面为模板,设计出第一个页面时候,交给测试人员发布在网站上,打开一看,顿时蒙了,什么鬼,留白这么多,页面的整体都变形了,脑子一片空白。

慌乱中首次选择了em进行所有的设计,出来的图形更丑,搜集网上的各种资料,发现em存在各种弊端,不同地方字体设置不一样em存在不同的变化。

第二次选择了手淘中flexable的方法rem在html上设置字体的大小,但是没有使用less或者sass的方法对兼容手机进行处理,在chrome中手机模式浏览正确,但是在真机测试存在重大的问题,尤其是iPhone6plus中格式混乱

第三次选择使用了百分比的形式,所有的宽度都是选择百分比,大部分的高度都是使用正常的px,测试时发现问题在进行微调,这次终于好啦

针对建站

我在的公司没有一个人跟我讨论解决问题,所以我大多是百度找答案,总是麻烦别人将网页上传到服务器很麻烦,所以有人跟我说可以建站,我就开始在网站上找如何建站

在花生壳上面注册了免费的域名,又在星空免费空间注册了空间,文件也上传了,但是编译文件的时候一直提示没有权限,看了资料说需要用路由器设置之后才可以外网访问,所以到现在这个问题也没有解决。。。希望有人看到这个能够帮忙解答一下下

建站我是觉得我不行啦,所以就使用了Hbuilder中真机进行调试,很幸运。I got it !!!

打开Hbuilder新建移动App项目,将自己的的文件方进去,点击运行上面真机测试,使用数据线连接到手机,会自动下载手机端的Hbuilder自动运行,而走了很多弯路的我先下载了手机端的Hbuilder,在调试好开发者选项后,直接连接Hbuilder就直接可以运行了

好开心好开心

你可能感兴趣的:(移动端的第一个页面)