这种情况，其他机型没有这个问题 oppo机型 各位大神有解决方案吗？
移动端 头像给一个圆形3px的边框 导致图片没有剧中和边框之间有空白
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
UFO_SERIESOFSOFT 2020-04-10 12:09关注检查宽度和高度，要保证没有空白，建议不要增加padding，加的话也要保证最后内容宽高一致。要是图片问题，改为背景模式就可以
解决 无用评论 打赏举报 分享
- 2022-10-25 20:00go24k的博客 【代码】CSS样式：圆型边框+图片水平垂直居中 flex布局。
- 2021-06-16 07:45weixin_39588911的博客 css简单实现带箭头的边框普通边框.border {width: 100px;height: 50px;border: 1px solid red;}实现由四个三角形组成的正方形.triangle {width: 0;height: 0;border: 100px solid red;border-right-color: green;...
- 2021-06-09 15:09alisekaka的博客 代码的书写是有规范的，适当地遵守规范，助人助己。 Chromium和Firefox是开源浏览器，新功能众多，建议关注。 Blink，EdgeHTML，Gecko，KHTML，Trident，WebCore，WebKit等，空闲时可以了解一下。 不同的浏览器解析...
- 2024-05-24 17:17沪cares的博客 【代码】css常用定位(全屏、上下左右居中、底部边框)
- 2021-05-02 00:54h_jQuery的博客 给tr设置以下代码无效时： border-bottom: 1px solid #e5e5e5; 在表格中加以下属性就可以解决： table { border-collapse: collapse; }
- 2022-09-30 10:58new Object ~的博客 /*element组件库样式修改*/ /deep/ .el-dialog { display: flex; flex-direction: column;... max-height:calc(100% - 30px); max-width:calc(100% - 30px); .el-dialog__body{ flex:1; overflow: auto; } }
- 2024-04-19 18:26yanjun821126的博客 移动端开发过程，经常会写带0.5px边框角标类的样式，直接使用border设置0.5px边框，ios有些机型会出现显示不完整的情况。所以改用伪元素方法实现边框。1、如果只有单个角标，字号内外边距等设置为需求大小的2倍，...
- 2021-06-30 04:49程先生家的lisa的博客 css简单实现带箭头的边框普通边框.border {width: 100px;height: 50px;border: 1px solid red;}实现由四个三角形组成的正方形.triangle {width: 0;height: 0;border: 100px solid red;border-right-color: green;...
- 2022-06-18 23:12weixin_41987434的博客 前端内外边距和居中问题解决
- 2021-06-13 11:17贾震东的博客 想必大家都常被页面居中这个问题困扰吧，这里简单分享一下一个使用background样式属性来实现图片居中的新用法。很久以前本骚年常用image.onload()这样的方式获取图片大小再进行调整，得到图片原比例居中的效果，自从...
- 2023-03-20 08:08几何心凉的博客 通过有趣的demo来带你掌握前端基础
- 2022-02-05 23:13心️要努力吖的博客 内外边距及div居中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>外边距的妙用</title> <!--外边距的妙用：居中元素-->... margin 0 1px
- 2020-04-30 16:45shy-2的博客 HTML和CSS前端必备知识1. B/S软件的结构2.前端开发流程3.网页的组成部分HTML学习HTML简介创建HTML文件HTML文件的书写规范HTML标签介绍 前端必备知识 1. B/S软件的结构 JavaSE c/s client Server B/S Browser ...
- 2022-03-11 10:41小猪弟的博客 有很多属性，就聊一下常用的几个： 属性 描述 default 默认 pointer 小手 move 移动 text 文本 not-allowed 禁止 演示： <!DOCTYPE html> <html lang="en"> <head> <
- 2022-10-24 09:18智达教育的博客 浮动：float定位：position弹性布局：flex盒⼦内容超出部分：overflow：hidden | scroll | auto盒子的位置和大小尺寸边框浮动布局定位布局弹性布局内容超出部分处理。
- 没有解决我的问题, 去提问
