也许这是一个明显的答案,但是
为什么地球上会浏览器决定创建自己的供应商前缀border-radius之类的? 
我的意思是:为什么我要打字:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
是因为每个平台都认为"我们很酷,我们会想出一个更好的方法来做圆角吗?" 为一个输入三行似乎完全无法解释多余.
当我在Adobe Flash Pro CS6中设计我的网站时,字体如下所示:

字体看起来平滑而且稍厚,当我创建HTML和CSS来在浏览器中呈现字体时,它们分别在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>
以下是旋转标记的代码,但是如何旋转自定义标记.任何的想法?
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
    }  
});
在我的 WordPress 网站开发中使用联系表单 7,我注意到移动设备的按钮有所不同,因此在搜索后我找到了-webkit-appearance: none;应用于该元素的解决方案input.wpcf7-form-control.wpcf7-submit。
该样式已被应用,因为它在我检查元素时显示,但在移动设备上没有任何变化。
我应该将它应用到不同的元素吗?
我已经导入了bootstrap,以下是我的包含; 它在mozilla中正常工作.但是,在chrome中它说:
GET http://np.lexity.com/embed/YW/5eac58cc7afdade1c6dea905c5dc7617?id=af1b3d2a1d3a net::ERR_BLOCKED_BY_CLIENT
这是我的包括:
<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>
我还下载了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'. …我从互联网上得到了一个代码示例。我使用它,它工作正常。但我不明白代码的工作原理。
#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;
}
moz-flex 和 webkit-flex 代表什么?
谢谢,萨巴里斯里