老师有一些问题想问下
来源：3-2 作业题
vivi_li
2020-06-18 10:54:35
1 这个设计稿从图片打开之后尺寸宽度是980尺寸 所以需要按照这个调整成375尺寸么
2 设计稿字体大部分是12px 如果换到设备像素比是2 比如iphone6 是不是要转换成24px 大小的尺寸？还是设置固定的12px么？主要是没有实际开发经验 所以想问下实际开发中这部分是怎么做调整？ 因为我发现如果同步放大缩小的话跟设计稿差异比较大 特别是文字比较多的情况下 显得字特别大
写回答
1回答
-
同学你好，问题解答如下：
1. 效果图不是设计稿，它只是告诉我们页面在ipad和iphone6下长什么样，所以不需要将其转成375的尺寸。同学可以不考虑元素的具体尺寸是多少，只要调整元素大小符合效果图，看着顺眼即可。
2. 作业要求页面适配ipad和iphone6，所以只考虑这两种页面宽度即可。可以使用媒体查询@media screen and (XXXX){}，对应ipad宽度和iphone6宽度，写两套样式调整元素的尺寸和位置。由于只考虑这两种宽度，所以元素单位可以写成固定值，如下：
3. 实际开发中，如果像作业这样，只要求适配两种机型，可以不使用移动端那种通用适配方案，直接媒体查询即可。如果使用通用适配方案，需要使用rem作为单位，如果文字放大不好看，可以配合媒体查询，哪里样式不合适，就调整哪里，灵活些实现目的就行。
如果我的回答帮到了你，欢迎采纳，祝学习愉快！
0
相似问题