江苏龙网

  1. 首页 > 生活 > >

前端开发-移动端布局问题

你的设计稿连高度都有，移动端的布局，单页布局和可滚动的布局难度确实完全不一样……Rem的确是非常不错的一种布局方法，因为通常滚动的布局不用太在意y轴，不过x轴上元素嵌套太多之后百分比几乎就不能用了，这时候用rem就是很暴力的解决方案了。如果是单页式的，结合背景和百分比就比较好弄，不过移动端的屏幕比例实在是太那啥了，得多测试。其他的，都差不多吧，可以试着用flex了，……手机更新换代比pc快多了，兼容性问题会越来越少的。移动端的轮播插件swiper就是flex布局，也没出什么问题
■网友
嗯，rem这个方法是比较好用而且比较简单的，我现在开发也是用这种方法。你描述讲的比较快我不太理解，我跟你讲讲我的方法吧。1、rem你可以先设置最外层HTML的font-size为100px，然后用js获取手机的屏幕，并把获取到的值经过换算返回设置为HTML的font-size值。然后接下来的所有值都用rem，rem即为与上一层的比例。比如你的HTML的font-size为640，最外层height为2rem，那么高就为1280，用js获取的话随时可以变的。2、响应式。这个要自己去学。3、用百分比，不要绝对宽高。4、记得加上这句 \u0026lt;meta content=" width = device-width , initial-scale = 1.0 , maximum-scale = 1.0 , user-scalable = no " id="viewport" name="viewport"\u0026gt;
■网友
有一个最简单的开发方法：1.就按640px参考效果图进行像素级开发。不要用百分比什么的，就用px就行，body写死640宽度。2.头信息里加上这一句：\u0026lt;meta name="viewport" content="width=640,user-scalable=0, target-densitydpi=device-dpi"\u0026gt;搞定。移动端的浏览器会自动进行缩放匹配，PC端的体验也和移动端一致的（不会出现拉伸）。
■网友
横向百分百+纵向rem


    推荐阅读


    上一篇：投诉淘宝员工，向谁投诉现任淘宝总裁的是谁

    下一篇：苏宁为啥一定要做云商，不做行不行