手机浏览器自适应屏幕大小,手机浏览器自适应屏幕

1、创建自适应基本页面第一步就是创建一个自适应页面,页面包含两个矩形元件,每个矩形元件的长度设置值为大于500,并分别标记为WEB页面,如下图所示:

2、开启页面自适应功能从页面的左上角查看是否开启了页面自适应功能,如果左上角没有找到如下图所示的图片,说明页面自适应没有启动,您可以从右边标记红色框的提示中开启自适应功能。

3、添加自适应视图点击自适应页面的左上角,弹出如下窗口:

设置窗口的参数

名称:手机纵向,条件<=,宽320,继承于:基本。(解释:这里面最难理解的就是继承于,继承于基本这里指的就是我们刚开始创建的自适应页面)

4、继续添加一组手机纵向条件为<=200,唯一不同的就是这里的继承于设置为“手机纵向(320X任何一下),如下图所示。

5、测试结果打开浏览器,会显示如下页面:

缩小浏览器,至宽度小于320,会显示如下页面:

缩小浏览器,至宽度小于200,会显示如下页面:

本文来自“轻颦浅笑”用户投稿,该文观点仅代表作者本人,不代表华夏信息网立场,本站不对文章中的任何观点负责,内容版权归原作者所有、内容只用于提供信息阅读,无任何商业用途。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站(文章、内容、图片、音频、视频)有涉嫌抄袭侵权/违法违规的内容,请发送邮件至1470280261#qq.com举报,一经查实,本站将立刻删除、维护您的正当权益。如若转载,请注明出处:http://www.xxxwhg.com/zh/95515.html

上一篇 2022-12-31 07:28:03
下一篇 2022-12-31 07:26:03

相关推荐

  • 自适应巡航和定速巡航的区别(巡航定速)

    您好,今日小编就为大家解答这个问题。巡航定速,自适应巡航和定速巡航的区别相信很多小伙伴还不知道,现在让我们一起来看看吧!1、定速巡航是按照驾驶者设定的速度行驶,打开这个功能,驾驶者的脚就不需要踩油门踏板,汽车会按照固定的速度进行行驶。2、自适应巡航更加智能,汽

    2023-02-18 07:57:13
    208
  • 网页背景图片(网页背景图片自适应)

    您好,今日小编就为大家解答这个问题。网页背景图片自适应,网页背景图片相信很多小伙伴还不知道,现在让我们一起来看看吧!1、在网页代码中找到,将其换成以下形式: 这是最常用的形式,即完全平铺。2、 还有几种其它形式你可以试试效果: 一、仅水平方向平铺: 二、仅垂直方向

    2023-01-04 04:51:14
    157
  • AC C自适应巡航是什么意思(acc自适应巡航是什么意思)

    您好,蔡蔡就为大家解答关于AC C自适应巡航是什么意思,acc自适应巡航是什么意思相信很多小伙伴还不知道,现在让我们一起来看看吧!1、是一种智能化的自动控制系统。2、通过车距传感器的反馈信号,ACC控制单元可以根据靠近车辆物体的移动速度判断道路情况,并控制车辆的行驶状态

    2022-09-08 17:22:10
    181