SVG being displayed differently on Chrome and Firefox
问题 I have one svg but it looks differently on Chrome and Firefox: http://codepen.io/anon/pen/OParwx. svg { fill: black; stroke: black; width: 40px; height: 40px; } <svg xmlns="http://www.w3.org/2000/svg" viewBox="0,0,48.266,51.827"> <g> <path d="M16.69 41.827c-2.763 0-4.975 2.237-4.975 5s2.212 5 4.975 5c2.763 0 5-2.237 5-5s-2.237-5-5-5"/> <path d="M40.19 41.827c-2.763 0-4.975 2.237-4.975 5s2.212 5 4.975 5c2.763 0 5-2.237 5-5s-2.237-5-5-5"/> <path d="M26.768 20v-20 20z" stroke-width="5" stroke