gpt4 book ai didi

css - iOS 模拟器中缺少图标的按钮?

转载 作者:行者123 更新时间:2023-11-28 18:34:52 26 4
gpt4 key购买 nike

Firefox 浏览器 下视频图标正常,如下图:

align top http://www.kerrydeaf.com/net.png

视频图标在 iOS6 模拟器 上丢失,如下所示:

align top http://www.kerrydeaf.com/ios.png

这是 CSS3:

 .blue_small {
height: 40px;
width: 40px;
margin-left:16px;
margin-bottom:6px;
background-color:#fff;
background:url(../images/index_video_small2.svg) no-repeat 5px 7px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 3px solid #fff;
-webkit-box-shadow: 0px 2px 6px rgba(64,80,85,0.8);
box-shadow: 0px 2px 6px rgba(64,80,85,0.8);}

HTML5:

 <button class="blue_small" id="blue_small"></button>

我怎样才能解决这个问题,使模拟器中的图标与 Firefox 浏览器 上的图标显示相同?

更新:

  <!DOCTYPE html>
<html>
<head>
<title>APP</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /><!-- Cordova

最佳答案

删除 lefttop。像这样写:

background:url(../images/index_video_small2.svg) no-repeat 5px 7px;

代替这个:

background:url(../images/index_video_small2.svg) no-repeat left 5px top 7px;

关于css - iOS 模拟器中缺少图标的按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13069288/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com