画像の切り取りに問題があります。どのようにして大きな背景を 1 つの画像に切り取ることができますか? p の背景がその子要素である場合、正しい方法は、img です。 widthは100%なので、どのように変更しても問題ありません

また、あなたの切り抜きに何か問題があると思いますが、私はあなたの要求をかろうじて達成できますが、それは長期的な解決策ではありません。

HTML

CSS

Jsfiddle ビュー

写真内の矢印が何を指しているかに注目してください:

スタイル設定で: backgorund-size:contain，然后我试着放大缩小了，结果，图片本身并没有发生多大的变化，就是不能同步缩放。我也不懂 contain 这个属性是啥意思...，自己百度吧。。。把这个设置成 background-size:autoそれだけです。

もう 1 つは、背景画像の位置が center center ，即水平，垂直居中。所以你的图片也要设置成水平，垂直居中。关于如何水平垂直居中的，这个你只能百度，google。。了，我这边提供的是 css3 中央揃え方式に設定されていることです。

は、画像を水平方向と垂直方向の中央に配置することを意味します。

ここでのテストの結果は問題ありません、試してみてください...

画像をフレームの背景画像に設定します