相关疑难解决方法(0)

为什么浏览器会为CSS属性创建供应商前缀?

也许这是一个明显的答案,但是

为什么地球上会浏览器决定创建自己的供应商前缀border-radius之类的?

我的意思是:为什么我要打字:

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
Run Code Online (Sandbox Code Playgroud)

是因为每个平台都认为"我们很酷,我们会想出一个更好的方法来做圆角吗?" 为一个输入三行似乎完全无法解释多余.

css vendor-prefix

64
推荐指数
2
解决办法
3558
查看次数

如何在Windows上的CSS 3中更流畅地呈现精简字体?

当我在Adobe Flash Pro CS6中设计我的网站时,字体如下所示:

在Adobe Flash Pro CS6中呈现的字体

字体看起来平滑而且稍厚,当我创建HTML和CSS来在浏览器中呈现字体时,它们分别在IE,Firefox和Chrome中显示.

在IE,Firefox和Chrome浏览器中呈现的字体

在某些区域看起来更薄且像素化.我在OS X上看到了更平滑的字体渲染.如何在这些浏览器中使字体看起来更流畅?我认为这是ClearType的一个问题,看起来像这样的瘦字体是可怕的.

这是我用来测试的代码,所以答案可以在发布之前进行测试:

<html>
    <head>
        <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css' />
    </head>
    <body>
        <span style="color: #333; font-family: Lato; font-size: 32px;">Question or concern?</span>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

html5 fonts rendering css3 web

38
推荐指数
4
解决办法
7万
查看次数

如何在Google地图中旋转标记?

以下是旋转标记的代码,但是如何旋转自定义标记.任何的想法?

var angleDegrees = 150;
new google.maps.Marker({
    position: a,
    map: map,
    icon: {
        path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
        scale: 6,
        fillColor: "red",
        fillOpacity: 0.8,
        strokeWeight: 2,
        rotation: angleDegrees //this is how to rotate the pointer
    }  
});
Run Code Online (Sandbox Code Playgroud)

google-maps

20
推荐指数
2
解决办法
4万
查看次数

-webkit-外观:无;不适用于按钮

在我的 WordPress 网站开发中使用联系表单 7,我注意到移动设备的按钮有所不同,因此在搜索后我找到了-webkit-appearance: none;应用于该元素的解决方案input.wpcf7-form-control.wpcf7-submit

该样式已被应用,因为它在我检查元素时显示,但在移动设备上没有任何变化。

我应该将它应用到不同的元素吗?

css wordpress contact-form-7

5
推荐指数
1
解决办法
3万
查看次数

为什么我的控制台中有如此多的引导警告?

我已经导入了bootstrap,以下是我的包含; 它在mozilla中正常工作.但是,在chrome中它说:

GET http://np.lexity.com/embed/YW/5eac58cc7afdade1c6dea905c5dc7617?id=af1b3d2a1d3a net::ERR_BLOCKED_BY_CLIENT
Run Code Online (Sandbox Code Playgroud)

这是我的包括:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prerna Matrimony</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="themes/1/js-image-slider.js" type="text/javascript"></script>
<link href="themes/1/js-image-slider.css" rel="stylesheet" type="text/css" />
<link href="css/generic.css" rel="stylesheet" type="text/css" />
</head>
Run Code Online (Sandbox Code Playgroud)

我还下载了bootstrap文件并存储在我的项目文件夹中.但是,它也会出现同样的问题; 有警告,如:

Unknown pseudo-class or pseudo-element '-webkit-inner-spin-button'. Ruleset ignored due to bad selector.


input[type="number"]::-webkit-inner-spin-button,


bootstrap.css (line 153, col 22)
Unknown pseudo-class or pseudo-element '-webkit-search-cancel-button'. Ruleset ignored due to bad selector.


input[type="search"]::-webkit-search-cancel-button,


bootstrap.css (line 163, col 22)
Unknown property '-moz-osx-font-smoothing'. …
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap

3
推荐指数
1
解决办法
5296
查看次数

css 中的 moz-flex webkit-flex 是什么?

我从互联网上得到了一个代码示例。我使用它,它工作正常。但我不明白代码的工作原理。

#header {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    background-color: #ffffff;
    border-bottom: solid 1px rgba(160, 160, 160, 0.3);
    height: 3.5em;
    left: 0;
    line-height: 3.5em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
Run Code Online (Sandbox Code Playgroud)

moz-flex 和 webkit-flex 代表什么?

谢谢,萨巴里斯里

css

2
推荐指数
1
解决办法
7684
查看次数