H5浏览问题：解决适配问题的一般方案.pptx

资源描述

,解决适配问题的一般方案,H5页面浏览问题,把背景（底图）与表现元素分离,硬是要将图片放在背景里,01,02,03,不要利用背景图片来定位,许多人都遇到了适配问题，原因无外乎手机屏幕分辨率的碎片化。如何解决手机的适配问题呢？下面分为三种情况为大家解释。,1.以右图为例，仔细观察，背景基本没有需要表现的出任何信息元素。只是简单的渐变颜色；2.所有要表现的元素，都制作成png文件，比如标题，图片都单独制作成png，再加入场景中,第一种：把背景（底图）与表现元素分离，这样可以减弱元素的变形。,1.如左图把背景图片处理成模糊的效果。,2.如右图简单介绍下背景中相似色的处理方式，也就是说，在一张背景里除了想表现的元素外，其他元素尽量淡化处理；或者直接用相近色（相似饱和度，或相似明度）进行覆盖，然后再相近色的上面进行文字的添加。,第二种：如果硬是要将图片放在背景里呢？,1.如右图，文本框不要制作在背景图片上，而是制作成独立的表现元素。,第三种：不要利用背景图片来定位。,谢谢,

展开阅读全文

H5浏览问题：解决适配问题的一般方案.pptx

最新文档