在React

Question

我目前在React组件中有一堆img标签，我将这些图像在我的css文件中的宽度和高度设置为270x220。当我第一次打开页面时，图像会失真，但是当我刷新或甚至更改窗口大小时，它会自行修复。

每次我第一次进入网站时，它的大小都不正确。它是在css之前渲染的吗？

render() {
  return(
    <div className="projects">
      <h1>Bringing ideas to life</h1>    
      <div className="single-project">
        <img className="img-logo" src="http://res.cloudinary.com/dxfjyn0nq/image/upload/v1485547205/Splash_h4xwtc.png"></img>
        <div className="single-project-info">
          ...
        </div>
     </div>
   </div>
  )
}

.img-logo {
  width: 270px;
  height: 220px;
  border-radius: 20%;
}

解决方法： 我添加了＃34; this.forceUpdate（）＆＃34;在上面的组件中的componentDidMount中，它将呈现两次，这解决了这个问题。我仍然不明白为什么它会在应用css后第一次陷入困境（我可以通过开启开发工具看到它）。