最近在写一个地图类的应用，用的是echarts的图表，然而一上来就一脸懵逼，如果父级容器的height/width属性设置为百分比的形式，那么echarts就会warning，且不能正常的生成图表。所以div容器的高度宽度必须指定为px，这设计不知道是为啥。 google到的解决方案如下 添加win
转载
2018-02-07 17:08:00
1203阅读
2评论
vue Echarts 自适应问题
原创
2022-12-21 09:59:40
303阅读
前言： 大神估计就没必要看了吧，新手淌水，大神勿喷，欢迎留言交流。 背景： （如果着急，可以直接下拉看最后一个遂。） vue项目1个，使用ruoyi-vue框架 前端小白1个，仅仅停留在能实现功能的层次，如果你问我vue是什么，我只能告诉你三个字 => "前端框架"。 在vue项目中，多个echar ...
转载
2021-08-17 16:20:00
595阅读
2评论
最近为了能够做出自适应的页面找了很多资料，大致较为有用的两类1.根据屏幕大小不同引入不同的css样式文件<link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 1000px)">2.使用rem单位实现自适应布局
转载
2024-07-17 16:56:51
298阅读
1评论
1、CSS2盒模型
自从1996年CSS1的推出，W3C组织就建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层<div>。盒模型主要定义四个区域：内容(
content)、边框距(
padding)、边界(
border)和边距(
margin)。
转载
2024-08-28 00:12:23
94阅读
这是个很常用的小技巧，很多时候并不知道图片的大小，但是为了好看又固定了图片的宽度，高度随图片的大小按照宽度等比例缩放，这样子所有的图片都能维持宽度一致而图片显示正常android:adjustViewBounds="true"
android:scaleType="centerCrop"对ImageView设置这两个属性即可顺带记录一下这两个属性，首先是adjustViewBounds取值为tru
转载
2024-06-30 10:18:31
53阅读
autoHeight.vue 高度自适应
原创
2022-08-29 16:15:26
268阅读
高度自适应第一种情况 1.高度不去设置，或者高度设置auto 内容撑开父元素的高度。2.内容撑开父元素的高度 -> 最小高度的设置 min-height3.浮动元素添加高度自适应 -> 添加浮动元素的父元素没有高度，会出现高度塌陷 解决高度塌陷的方法 (1)给出现高度塌陷的元素添加：overflow ...
转载
2021-08-15 17:34:00
730阅读
2评论
高度自适应第一种情况 1.高度不去设置，或者高度设置auto 内容撑开父元素的高度。2.内容撑开父元素的高度 -> 最小高度的设置 min-height3.浮动元素添加高度自适应 -> 添加浮动元素的父元素没有高度，会出现高度塌陷 解决高度塌陷的方法 (1)给出现高度塌陷的元素添加：overflow
转载
2020-09-26 15:25:00
377阅读
2评论
ViewPager用的很多，比如广告条等等，可是高度却不能自适应内容，总是会占满全屏，即使设置android:height=”wrap_content”也是没有用的。后来通过网上搜索，发现了几个思路：一、使用LinearLayout布局，利用其使用weight来自动调整ViewPager的高度； 二、使用高度固定写死的方法来解决； 三、通过自定义ViewPager，重写其onMeasure方法；
转载
2023-09-24 18:09:11
47阅读
一、自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适二、宽度自适应高度自适应（1）宽度自适应元素宽度的默认值为auto(2) 高度自适应元素高度的默认值 {height:auto;}三、浮动元素的高度自适应父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷方法1：给父元素添加声明overflow:hidden;(缺点：会隐藏溢出的元
转载
2023-07-12 10:13:34
221阅读
一、宽度自适应语法：width:100%;注： a）块状元素的默认宽度为100% b) 当给元素设置宽度为100%时，继承父元素的宽度 c) 通常使用宽度自适应实现通栏效果 二、高度自适应语法：height:auto;（等同于不给元素设置高度） 三、最小高度，最大高度，最小宽度，最大宽度1.最小高度语法： min-height:数值+单位;注：IE6不识别min-hei
转载
2023-11-15 13:33:59
371阅读
一、宽度自适应语法：width:100%;注： a）块状元素的默认宽度为100% b) 当给元素设置宽度为100%时，继承父元素的宽度 c) 通常使用宽度自适应实现通栏效果 二、高度自适应语法：height:auto;（等同于不给元素设置高度） 三、最小高度，最大高度，最小宽度，最大宽度1.最小高度语法： min-height:数值+单位;注：IE6不识别min-hei
转载
2023-08-16 15:38:50
659阅读
我记得在学了网页自适应的内容后，每次写网页，力求宽高自适应。最后还是有一些困惑：写一个div给样式。（给定背景色和字体色是为了便于我们观察。）width：100%;background：white；color：white；状况： 如果我们不在div中书写内容，没有东西撑住div，div自适应该内容高度，div是不会显示的；还有，如果我们不给定div具体的高度值如100px,给100%高度，div也
转载
2024-08-27 19:25:05
210阅读
1 示例<ImageView
android:id="@+id/img_1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:scaleType="
转载
2023-07-25 09:57:38
276阅读
抓住人生中的一分一秒，胜过虚度中的一月一年!小做个动图开篇引题先看一下效果图前言在开发中，产品会给你绞尽脑汁设计出类似上述UI，细心的小伙伴发现其中的奥秘没有，实际上是相同行，高等相等，自适应最多字数文本内容，每行有每行的最大高度，高度不同！也许大家刚看此样式，so easy~,但要实际去开发，会发现这种样式倒是不是很好处理，于是我在网上找了找，但是案例基本也不尽人意，一般都是计算item高度，不
转载
2023-10-09 22:09:57
384阅读
宽高自适应一、宽度自适应二、高度自适应三、浮动元素的高度自适应四、窗口自适应五、结语 一、宽度自适应不写宽度或者写 width：auto就表示宽度自适应，可用于横栏或导航栏。 与 width：100%不同，设为100%已经固定了宽度，宽度始终不变，而宽度自适应是会自动更改宽度，前者在设置 padding 时横向出现滚动条，后者在设置 padding 时会自动压缩宽度大小。 有 min-width
转载
2024-03-04 21:19:15
548阅读
这个是什么意思呢，就是当浏览器窗体发生变化的时候会触发。主要用在布局计算，比如说分辨率不一样，可能高度宽度需要重新计算渲染。在一个就是很典型的echarts报表，当我们的浏览器缩放发生变化，或者是电脑分辨率发生变化之后，echarts报表大小位置啥的是不会发生变化的
原创
2022-06-23 12:54:08
572阅读
页面的自适应主要有两种，一种是同一个页面在手机端和pc端的自适应，另一个则是pc端改变浏览器窗口的自适应。一、同一个页面在手机端和pc端的自适应 在没有任何设置的情况下，同一个页面，在pc端可以正常显示。但是在手机端就会出现滚动条，甚至排版错乱。这是因为，一般情况下，移动设备上的view
转载
2024-07-05 05:58:50
151阅读
mounted() { var bar = echarts.init(document.getElementById("barchart_container")); var option = { // title: { // text: "某地区蒸发量和降水量", // subtext: "纯属虚构", // }, tooltip: { // trigger: "axis", ...
原创
2022-11-18 00:05:31
152阅读
