swift 中详情页使用 Flex 的布局

最新推荐文章于 2022-08-26 18:03:12 发布

VIP文章 Micah_A

最新推荐文章于 2022-08-26 18:03:12 发布

阅读量1.3k

点赞数

分类专栏： H5 Swift 文章标签： flex html ios swift 布局

本文链接：https://blog.csdn.net/lvchenqiang_/article/details/78004955

版权

项目需求

这里写图片描述
根据上面的页面需求，我们可以知道使用原生来写布局效果并不是很好，因为其中牵扯着webview的自适应内容高度，这个在安卓端，用scrollview+webview就可以实现。但是在iOS端只能在wenviewdidload 后获得webview的内容高度。但是这样做，我们不能找到一个合适的webview的预设值(高度)。在加载的时候，高度的改变就很突兀。所以我们干脆就全部使用html+css+js来写这个布局。

项目代码

html实现效果代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0",user-scalable=no>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Title</title>
    <style>
   html{
     font-size: 100px;
     font-size: calc(1000vw/37.5);
     width: 100%;
    }
  body{
      margin: 0px;
      padding: 0px;
      font-family: "PingFang HK";
  }

.list_item{
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction:column;/*布局内主轴垂直*/
    font-size: .15rem;
    padding: .15rem;

}
.list_item

最低0.47元/天解锁文章

Micah_A

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
swift 中详情页使用 Flex 的布局

项目需求根据上面的页面需求，我们可以知道使用原生来写布局效果并不是很好，因为其中牵扯着webview的自适应内容高度，这个在安卓端，用scrollview+webview就可以实现。但是在iOS端只能在wenviewdidload 后获得webview的内容高度。但是这样做，我们不能找到一个合适的webview的预设值(高度)。在加载的时候，高度的改变就很突兀。所以我们干脆就全部使用html+
复制链接

扫一扫