让我眼睛疲劳了!
在IE和Firefox中看起来很好
Chrome(上图)
在运行版本为39的Chrome中,只有在模态框中出现模糊,更改字体系列不会产生任何差异。
以下是浏览器呈现的CSS(针对标签“Start”)
box-sizing: border-box;
color: rgb(85, 85, 85);
cursor: default;
display: block;
float: left;
font-family: sans-serif;
font-size: 12px;
font-weight: 600;
height: 24px;
line-height: 17.142858505249px;
margin-bottom: 0px;
margin-top: 0px;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-top: 7px;
position: relative;
text-align: right;
visibility: visible;
width: 89.65625px;
是浏览器还是CSS的问题?
--更新--
好的,看起来是CSS的问题。
.md-modal {
position: fixed;
top: 50%;
left: 50%;
width: 50%;
max-width: 630px;
min-width: 320px;
height: auto !important;
z-index: 2000;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%); <--- This line
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
但是如果我把它拿出来,我的模态框就不再居中了?
-webkit-font-smoothing: none;
的东西。 - Chad