1、创建自适应基本页面第一步就是创建一个自适应页面,页面包含两个矩形元件,每个矩形元件的长度设置值为大于500,并分别标记为WEB页面,如下图所示:
2、开启页面自适应功能从页面的左上角查看是否开启了页面自适应功能,如果左上角没有找到如下图所示的图片,说明页面自适应没有启动,您可以从右边标记红色框的提示中开启自适应功能。
3、添加自适应视图点击自适应页面的左上角,弹出如下窗口:
设置窗口的参数
名称:手机纵向,条件<=,宽320,继承于:基本。(解释:这里面最难理解的就是继承于,继承于基本这里指的就是我们刚开始创建的自适应页面)
4、继续添加一组手机纵向条件为<=200,唯一不同的就是这里的继承于设置为“手机纵向(320X任何一下),如下图所示。
5、测试结果打开浏览器,会显示如下页面:
缩小浏览器,至宽度小于320,会显示如下页面:
缩小浏览器,至宽度小于200,会显示如下页面:
本文来自“轻颦浅笑”用户投稿,该文观点仅代表作者本人,不代表华夏信息网立场,本站不对文章中的任何观点负责,内容版权归原作者所有、内容只用于提供信息阅读,无任何商业用途。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站(文章、内容、图片、音频、视频)有涉嫌抄袭侵权/违法违规的内容,请发送邮件至1470280261#qq.com举报,一经查实,本站将立刻删除、维护您的正当权益。如若转载,请注明出处:http://www.xxxwhg.com/zh/95515.html