无线端自定义模块html编辑,关于阿里巴巴无线端旺铺自定义模块如何设置图片全屏自动适应的问题...

news/2024/11/23 5:26:12/

无线端旺铺最近已经是被阿里放到了非常重要的一个层次,各种数据(%¥……@……&&此处省略一万字)总之,就是很牛逼啦!

然后呢~最近很多朋友通过微信、旺旺群问我,无线端里面的自定义页面,图片需要做多大,才能使刚刚好全屏。

现在疯狂的美工阿里巴巴无线端装修工具已经支持阿里手机店铺自由切图一图多热区的安装,点击以下链接看使用方法

首先回答这个问题之前,我们要考虑一个事情就是,大家的手机屏幕不一样。我们要让大家都看到这个图片都是全屏的,那么我们就要用到一个前端技术:自适应。

自适应,顾名思义就是,用一张图适应所有的手机,也就是说大屏手机看到的页面刚好是全屏的,小屏幕看到的页面也是刚好全屏的。用通俗的说法解释这个自适应就是这样的:做一张图适合最大的屏幕(一般以IPAD尺寸为最大的无线端尺寸),然后加一段代码,让这个图片的尺寸等于屏幕的尺寸,那么在小屏幕上看到的页面尺寸就刚刚好等于屏幕尺寸,也就是全屏。

这时候会不会很多人说,瞎jb扯这么多,直接上代码不就好了嘛?

好的~重点来了!

%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%801

%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%802

    %E5%9B%BE%E7%89%87%E5%9C%B0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A03

注释:

1.第二行的那个900px,表示的是图片的尺寸;

2.%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%801表示的是一张图片,把你的图片链接替换里面的中文字即可

3.%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%802

这一行表示一张图片,并且是加了链接的


http://www.ppmy.cn/news/883785.html

相关文章

Android集成阿里云旺即时通讯踩坑历程

下载云旺的demo,将demo中的OneSDK直接拷贝,作为Moudle进行依赖,具体操作就不说了,OneSDK是最新的,一定不要进行修改, 进行依赖后,可能会遇到buildToolsVersion 版本不一致,换过来就…

阿里云ARMS渲染速度指标

前言 大家都知道,首屏性能对点击率、转换率等有很大影响,以下是我们统计的淘宝旺铺点击率和首屏时间的关系,随着首屏时间从1秒增大到8秒,点击率逐步从 85%降低到了82%【来自阿里云ARMS前端监控团队】 指标和标准 指标说明 ARM…

java实现阿里云短信服务发送验证码

在写注册接口时&#xff0c;需引入短信第三方接口&#xff0c;故使用了阿里云短信服务&#xff0c;在这里简单描述一下 1.引入依赖 <!--手机发送短信验证码--><dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-core</…

阿里云旺(客服)使用指南

1.在libs 添加 两个包 IMCore-2.0.1 IMKit-2.0.1 直接加在libs 的下面 不用加任何文件夹 2.代码块 在 application 的文件进行初始化 具体代码如下 初始化 入口 public void initImKitData() { //必须首先执行这部分代码, 如果在":TCMSSevice&q…

阿里云-网站备案基本流程(2019.7)

一、什么是备案 根据 《互联网信息服务管理办法》 以及 《非经营性互联网信息服务备案管理办法》 &#xff0c;国家对非经营性互联网信息服务实行备案制度&#xff0c;对经营性互联网信息服务实行许可制度。未取得许可或者未履行备案手续的&#xff0c;不得从事互联网信息服务…

阿里ACA学习记录

阿里ACA学习记录 阿里云人工智能助理工程师认证(ACA) 阿里动人工智能则理工程师认班(ACA)是西向人工智能技术致好者,入n学习都的专业技术认近,主要涉及人工奢能 群论,深硬学习排经网络及TnSOFlou基,阿里云机器学习与深学习开发平台P,阿里人工智跨,是对学 员入门人工智能基础…

阿里巴巴消息系统架构及变迁

http://www.360doc.com/content/16/0524/23/16915_562035313.shtml

阿里巴巴在知乎上又出事了

上面这个公号「涩郎」&#xff0c;是我的一个备用号&#xff0c;为了防止万一哪天大号失联&#xff0c;平时一周我也会发三篇左右的我的思考&#xff0c;读书笔记&#xff0c;认知感悟等文章&#xff0c;带领大家一起探索精神与财务自由之路。 大家伙&#xff0c;我是校长。 我…