个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
请注意，在运行以下所有代码段时，要全面了解问题:请在移动 View 上查看(例如，使用 chrome 开发人员工具中的切换设备工具栏功能)。
这个图像很好(没有使用元视口(viewport))
.image-ok {
height: 300px;
width: 300px;
background-color: purple;
}<html>
<body>
<img class="image-ok" src="https://i.ibb.co/mTPWBWC/shirt.png">
</body>
</html>但是，当我使用代码时 <meta name="viewport" content="width=1440">
并在移动设备上查看页面(即让元视口(viewport)启动)
透明图像上的边框开始出现......
这是产生不需要的边框的示例:
.image-not-ok {
background-color: black;
}<html>
<head>
<meta name="viewport" content="width=1440">
</head>
<body>
<img class="image-not-ok" src="https://i.ibb.co/mTPWBWC/shirt.png">
</body>
</html> 
问题:为什么会出现这种情况，如何使用 CSS 来防止出现此类边框？
注意:
最佳答案
问题不在于视口(viewport)标签，它与它没有任何关系。它与浏览器上的渲染有关。问题是图像不能正确地适合图像，因为它会产生类似填充的效果，导致看到背景颜色。 例如，尝试将背景颜色更改为白色，然后看到更多类似边框的效果消失。
关于css - 元视口(viewport)(固定宽度)在具有背景颜色的透明图像上导致不需要的边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56123039/
25
4
0
我正在尝试获得一个按钮，按下该按钮时会改变颜色。当再次按下时，它应该变回原来的颜色。我究竟做错了什么？ 我的模板中的按钮: export default { data: {
我是一名优秀的程序员,十分优秀！