H5 手机效果 文本域间距异常

uniapp开发 H5文本域间距正常 但是运行到手机后 文本域间距变得很宽是什么原因呢?

开发很忙,但大家回答我慢慢都会看,并合理采纳大家,提前谢谢啦!

H5渲染

img

img

手机渲染

img

你文本域用的什么标签? 普通的div标签模拟的吗
我注意到你是通过控制标签高度来控制超出隐藏,不知道是不是和这个有关系.
可以cass控制显示行数

.class{
    overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical; /*设置对齐模式*/
      -webkit-line-clamp: 2; /*设置多行的行数,示例为2行,超出两行就省略号*/
}
  • 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7658730
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:uniapp开发,打包成H5部署到服务器
  • 除此之外, 这篇博客: uniapp无限级树形结构组件,多选组件,支持搜索,无限级面包屑类型导航中的 点击确认返回第一个页面时传出选中的值(包含小程序和h5的传值方法) 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • ·获取的数据返回的是一个数组,包含一个选中的对象的所有字段,若只需要某个字段,遍历一下就好

    		backConfirm(){
    			var pages = getCurrentPages();
    			var currPage = pages[pages.length - 1]; //当前页面
    			var prevPage = pages[pages.length - 2]; //上一个页面
    			//h5写法
    			prevPage.query =this.checkList
    			//小程序写法
    			//prevPage.$vm.query =this.checkList
    			uni.navigateBack();
    		}