m0_58565372的博客

场景：让一个flex的子元素居右显示，按照习惯，直接用了justify-content:right属性，但是在测试阶段发现在浏览器端是正常的，在ios上也是正常的，但是在安卓手机上justify-content:right是失效的，样式靠左，经查找发现justify-content:right有些浏览器版本不兼容(嵌套在浙政钉的h5项目，将 justify-content:right改成justify-content:flex-end。是低版本UC浏览器、苹果版是低版本Safari浏览器)

注：background-size：contain;// 缩小图片来适应元素的尺寸（保持像素的长宽比），是图片宽高最长的那个边覆盖元素一边即可；需求：图片的高度固定，宽度需自适应，保证图片在缩小的情况下不失帧。

需求：像朋友圈一样展示图片，在长图时，只展示图片中心的一部分。将图片转化为背景图进行展示，既能实现其效果。图片会出现压缩的现象，很不美观。2.如何实现不压缩图片的效果？1.前端一般展示图片常规操作。

就是在input输入框里面加一句代码style="text-align:right"就可以解决了。需求：今天遇到一个UI问题，输入框左右布局，输入的内容在右侧。

使用 overflow: scroll 时，如果超出设置的宽度就会出现一个灰色的滑动条，例如：如何去掉这个滑动条？解决方法如下：实现效果：

以上代码就能实现上面的效果。

v-html渲染的数据是后台管理系统用富文本生成的。

在项目有时候会遇到，输入框里面的提示字体，要改变颜色、大小等，这时候我们就可以引用以下代码。这样就可以改变提示字体的颜色和大小了。