これが重複する質問である場合は申し訳ありません。私はこれを解決することも答えを見つけることもできないようです。
基本的には、画面サイズに応じて反応するように画像を表示したいと思います。React-Bootstrapの例を使用していますが、機能していません。これが私が使用しているコードであり、ここに例https://react-bootstrap.github.io/components.html#media-contentへのリンクがあります。
import React from 'react';
import {ResponsiveEmbed, Image} from 'react-bootstrap';
export default React.createClass ( {
render() {
return (
<div style={{width: 660, height: 'auto'}}>
<ResponsiveEmbed a16b9>
<embed type="image/href+xml" href = "https://static.pexels.com/photos/296886/pexels-photo-296886.jpeg"/>
</ResponsiveEmbed>
</div>
);
}
});
これも接続するApp.jsxファイルです
import React from "react"
import { render } from "react-dom"
import Footer from "./components/Footer"
import HeaderNavigation from "./components/HeaderNavigation"
import App1Container from "./containers/App1Container"
import Carousel from "./components/Carousel"
class App1 extends React.Component {
render() {
return (
<div>
<HeaderNavigation />
<Carousel />
<App1Container/>
<Footer/>
</div>
)
}
}
render(<App1/>, document.getElementById('App1'))
a16b9ではなくa16by9である必要があります。rishipuriによる回答
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加