我们移动端在使用mip来搭建站点,其中遇到一个问题,就是我们页面中有带图片的内容,但是在页脚有我的注册表单,并且表单有anchor,当用户点击头部的一个按钮的时候自动跳转到注册表单。
问题就是目前mip接入进来图片会懒加载,导致anchor跳转过去的时候定位是错误的,
请问这个有什么解决方案吗?
在官方网站的组建布局里面,有个mip-img的介绍,当定位出问题的时候,可以给图片一个固定大小和定位,他们会根据图片的不同,进行图片的收缩
在mip-img这个标签里面加上 layout的属性
layout
=
"responsive"
width
=
"633"
height
=
"308"
支持的布局种类
类别 | 强制 width | 强制 height | 详细说明 |
responsive | 是 | 是 | 能够根据width、height的值,算出元素对应的比例,在不同屏幕宽度上做自适应,非常适合图片、视频等需要大小自适应的组件 |
fixed-height | 否 | 是 | 元素的高度固定,width缺省或者取值为auto,比较适合 mip-carousel |
fill | 否 | 否 | 元素的大小根据父节点的大小自动撑开 |
container | 否 | 否 | 元素的大小由他们的子节点大小决定,类似 html 的 div |
nodisplay | 否 | 否 | 元素不展现,即 display 为 none;这种元素可应用于:他自身展现依赖用户的点击等行为的触发 |
fixed | 是 | 是 | 元素根据 width 和 height 固定高宽,不随 media 变化 |
flex-item | 否 | 否 | 元素通过 flex 进行布局,需设置父元素为display:flex |