CSS img แม็กซ์-ความกว้าง:100%

0

คำถาม

ถ้าพวกเรากำหนดแม็กซ์-ความกว้าง:100%สำหรับธาตุของภาพ(ตัวอย่างเช่นภาพของ 250px*500px)และพวกเราเอารูปภาพข้างในผู้ปกครองอีลีเมนต์ของความกว้าง 1000px งั้นถ้าพ่อแม่คือ shrunk<=500px งภาพจะเป็น shrunk กว่านี้ละกันที่ทำให้เค้าวุ่นเต็มความยาวของพ่อแม่ทุกคน อย่างไรก็ตามถ้าพ่อแม่ขอความกว้างอยู่ที่>500px ปภาพจะไม่ถูกปรับขนาดขึ้นแต่ก็อยู่ที่เดิมของมั 500px.

อะไร confuses ฉันคือความหมายของ 100%อยู่ที่นี่ ออกจากความเข้าใจในมุมมองโดยมีหน่วยเป็นเปอร์เซ็นต์เป็นเสมอด้วยฝากฝังให้มันชื่อเพจแมคคัลเลอร์ ดังนั้นไม่ได้มันหมายความว่าผู้สูงสุดของความกว้างของคืนเสมอปัจจุบันความกว้างของผู้ปกครองหรือไม่? ดังนั้นภาพจะเป็น shrunk/ถูกปรับขนาดให้พอดีกับมันพ่อแม่ของเพราะความกว้างของแม็กซ์เป็น 100%หรอ? สิ่งที่ฉันเรื่องเข้าใจผิดที่นี่? วิธีที่จะเข้าใจในมุมมองโดยมีหน่วยเป็นเปอร์เซ็นต์ใช้ในแม๊กซ์-ความกว้างในกรณีนี้? มันคืออะไรมันสัมพันธ์กับ? ขอบคุณ!

css html
2021-11-24 03:00:26
1

คำตอบที่ดีที่สุด

2

ใช่มันมีข้อแตกต่างระหว่าง width แล้ว max-width.

มัมายความว่าจาก w3school จะทำให้มันง่ายสำหรับคุณต้องเข้าใจ

https://www.w3schools.com/cssref/pr_dim_max-width.asp

คน max-width ทรัพย์สินกำหนสูงสุดของความกว้างขององค์

ถ้าหากเนื้อหามีขนาดใหญ่กว่าคนสูงสุดของความกว้างของมันโดยอัตโนมัติ เปลี่ยนความสูงขององค์

ถ้าเนื้อหาน้อยกว่าคนสูงสุดของความกว้างคงที่สุด-ความกว้าง ทรัพย์สินไม่มีผลกระทบ

ข้อควรจำ:ส่วน นี้จะป้องกันไม่ให้มีค่า width ทรัพย์สินจากการกลายเป็ นั้น\n ยิ่งใหญ่กว่ามนุษย์ max-width. ค่าของคน max-width ทรัพย์สินใช้แทน คน width พื้นที่ของเขา

มาคำถามของคุณตอนนี้ถ้าคุณแทน max-width กับ width และเช็คสำหรับความกว้างขอภาพของคุณเพื่อทำลายประเด็น>=500px หรือ<500px มันจะต้อง-แน่นอนพาพ่อแม่ของเต็มความกว้าง.

แต่เหมือนพูดถึงจากที่อยู่เหนือมายความว่า max-width ทำให้แน่ใจว่าธาตุความกว้างยังไม่ไปอยู่เหนือบางอย่างความกว้าง(ไม่มีอะไรสำคัญก็คือพ่อแม่ตั้งค่าความกว้าง)และนั่นคือเหตุผลนี้ทรัพย์สินถูกนำตัวมาโรงพยาบาลไปได้

2021-11-24 03:21:07

คุณควรจะใช้เป็นทางการแหล่งข่าวของแทนที่จะเป็นอย่างเช่น W3C หรือ MDN ได้ w3schools คือ inaccurate.
Raptor

@Raptor:ฉันชื่นชมของคุณแนะนำให้ผมตัวเองชอบอย่างเป็นทางการแหล่งข้อมูลอยู่ ยังไงก็ตา MDN หรือ W3C ยังไม่ได้แย่ขนาดนั้นหรอกสำหรับ beginners. เราทั้งหมดเริ่มจากเว็บไซต์เหล่านี้และอยู่กับเวลาว่าเราจะสังเกตเห็น w3c มันมีไม่กี่ปัญหาในบางคดีแต่สำหรับเชิดแพลตตินั่มทั้งหมดไปใช่จะเข้าใจประเด็นเรื่องนั้นฉันไม่รู้สึกว่ามันเป็นสิ่งไม่ดีที่จะแบ่งปัน:)ยังไงก็ตามขอบคุณ
Imran Rafiq Rather

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่