之前接手的大部分项目都是PC端的，就算有移动端的也会是一些布局相对来说比较简单点的。但是最近接手了一个移动端的项目，却在适配方面碰到了问题。
8
563之前写移动端的页面的时候都会在页面的头部写一个meta标签，规定一下viewport,然后页面的单位采用rem和百分比的单位flex布局的方式去做适配。
但是最近碰到的项目，要求比较严格点。在一个有头像展示的地方我给img标签添加了一个固定的宽高，其他均采用rem和百分比，但是产品部这边说感觉页面整体有点偏胖。img标签的宽高是设计图里的实际大小，设计图的宽度是640。因我们不能在移动端上使用px单位，所以导致各个模块的具体与设计图之间有差别（通常来说差一点点是没关系的，但是产品部这边说感觉差别有点偏大让我再改改）。所以想问问大家平时在做移动端的项目的时候你们的适配是怎么做的？有没有比较好点的解决方案？今天也有看了看淘宝的移动端解决方案，但是感觉也有些差别，不知道是我没弄好还是怎么滴。。。。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
用媒体查询解决啊
用媒体查询@media和所对应的手机分辨率大小来控制对应的样式呀
一般来说，我们需要关注的是：字体、高宽间距、图像（图标、图片），固定高度，宽度自适应，字体用rem,不同的手机和分辨率用@mediacha查询去做判断，比如，手机分辨率为a时，用a1;分辨率为b,时用b2;
这个问题我感觉是产品没弄清楚设计在那些设备的效果，是他自己没能预想到吧。建议你找产品沟通，问清楚用户群主流使用哪些移动设备，然后再为那些设备的尺寸写优化吧，其他设备就用回自适应，淘宝的移动端解决方案已经很够用的了。
使用rem就可以了。
有没有熟悉移动端的朋友呀，求解呀