การเขียนโปรแกรม aspect-ratio

25

ฉันต้องการสร้าง divที่สามารถเปลี่ยนความกว้าง / ความสูงได้เมื่อความกว้างของหน้าต่างเปลี่ยนไป มีกฎ CSS3 ใด ๆ ที่จะช่วยให้ความสูงในการเปลี่ยนแปลงตามความกว้างในขณะที่รักษาอัตราส่วน ? ฉันรู้ว่าฉันสามารถทำได้ผ่าน JavaScript แต่ฉันต้องการใช้ CSS เท่านั้น

1058 html css responsive-design aspect-ratio

21

ภาพบังคับ CSS ปรับขนาดและรักษาอัตราส่วน

ฉันทำงานกับภาพและฉันพบปัญหาอัตราส่วนภาพ <img src="big_image.jpg" width="900" height="600" alt="" /> อย่างที่คุณเห็นheightและwidthมีการระบุไว้แล้ว ฉันเพิ่มกฎ CSS สำหรับภาพ: img { max-width:500px; } แต่สำหรับbig_image.jpgผมได้รับและwidth=500 height=600ฉันจะตั้งค่าขนาดภาพใหม่ได้อย่างไรในขณะที่รักษาอัตราส่วนภาพ

577 css image aspect-ratio

4

ตารางสี่เหลี่ยมที่ตอบสนองได้

Наэтотвопросестьответына Stack Overflow нарусском : Сеткаизадаптивных (ตอบสนอง) квадратов ฉันสงสัยว่าจะทำอย่างไรกับการสร้างเลย์เอาต์ด้วยสี่เหลี่ยมที่ตอบสนองได้ แต่ละช่องจะมีเนื้อหาแนวตั้งและแนวนอน ตัวอย่างที่เฉพาะเจาะจงจะแสดงด้านล่าง ...

170 html css responsive-design grid-layout aspect-ratio

19

ปรับขนาด UIImage โดยรักษาอัตราส่วนและความกว้าง

ฉันเห็นในหลาย ๆ โพสต์เกี่ยวกับการปรับขนาดรูปภาพโดยรักษาอัตราส่วน ฟังก์ชันเหล่านี้ใช้จุดคงที่ (ความกว้างและความสูง) สำหรับ RECT ขณะปรับขนาด แต่ในโครงการของฉันฉันต้องปรับขนาดมุมมองตามความกว้างเพียงอย่างเดียวควรใช้ความสูงโดยอัตโนมัติตามอัตราส่วนภาพ ใครก็ได้ช่วยฉันทำสิ่งนี้ให้สำเร็จ

138 iphone objective-c ios aspect-ratio fixed-width

11

ดูตัวอย่างกล้อง Android ยืด

ฉันกำลังทำกิจกรรมกล้องที่กำหนดเองของฉันบน Android แต่เมื่อหมุนกล้องอัตราส่วนของมุมมองพื้นผิวจะเลอะ ในการสร้างกิจกรรมของฉันฉันตั้ง framelayout ซึ่งเก็บมุมมองพื้นผิวที่แสดงพารามิเตอร์ของกล้อง //FrameLayout that will hold the camera preview FrameLayout previewHolder = (FrameLayout) findViewById(R.id.camerapreview); //Setting camera's preview size to the best preview size Size optimalSize = null; camera = getCameraInstance(); double aspectRatio = 0; if(camera != null){ //Setting the camera's aspect ratio Camera.Parameters parameters = camera.getParameters(); …

136 android android-camera surfaceview preview aspect-ratio

9

รักษาอัตราส่วนของ div แต่เติมความกว้างและความสูงของหน้าจอใน CSS?

ฉันมีไซต์ที่จะรวบรวมซึ่งมีอัตราส่วนภาพคงที่ประมาณ16:9แนวนอนเช่นวิดีโอ ฉันต้องการให้มันอยู่ตรงกลางและขยายเพื่อเติมเต็มความกว้างที่มีอยู่และความสูงที่มี แต่อย่าให้ใหญ่ขึ้นจากด้านใดด้านหนึ่ง ตัวอย่างเช่น: หน้าสูงและบางจะมีเนื้อหายืดเต็มความกว้างในขณะที่รักษาความสูงตามสัดส่วน หน้ากว้างสั้น ๆ จะมีเนื้อหายืดเต็มความสูงโดยมีความกว้างตามสัดส่วน มีสองวิธีที่ฉันกำลังดู: ใช้รูปภาพที่มีอัตราส่วนกว้างยาวเพื่อขยายคอนเทนเนอร์divแต่ฉันไม่สามารถทำให้มันทำงานในลักษณะเดียวกันกับเบราว์เซอร์หลัก ๆ การตั้งค่าช่องว่างด้านล่างตามสัดส่วน แต่ใช้ได้กับความกว้างเท่านั้นและไม่สนใจความสูง มันจะใหญ่ขึ้นเรื่อย ๆ ตามความกว้างและแสดงแถบเลื่อนแนวตั้ง ฉันรู้ว่าคุณสามารถทำสิ่งนี้กับ JS ได้ค่อนข้างง่าย แต่ฉันต้องการโซลูชัน CSS ที่บริสุทธิ์ ความคิดใด ๆ ?

122 html css responsive-design aspect-ratio

7

มีรายการความละเอียดหน้าจอสำหรับโทรศัพท์และแท็บเล็ตที่ใช้ Android ทั้งหมดหรือไม่ [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ หากไม่มีรายการความละเอียดหน้าจอสำหรับโทรศัพท์และแท็บเล็ต Android ยอดนิยม

99 android screen-resolution aspect-ratio

1

จะปรับขนาดภาพ SVG ให้เต็มหน้าต่างเบราว์เซอร์ได้อย่างไร?

ดูเหมือนว่ามันควรจะง่าย แต่ฉันไม่ได้รับบางสิ่ง ฉันต้องการสร้างหน้า HTML ที่มีรูปภาพ SVG เพียงรูปเดียวที่ปรับขนาดให้พอดีกับหน้าต่างเบราว์เซอร์โดยอัตโนมัติโดยไม่ต้องเลื่อนใด ๆ และยังคงรักษาอัตราส่วนไว้ ตัวอย่างเช่นในขณะนี้ฉันมีภาพ 1024x768 SVG; หากวิวพอร์ตของเบราว์เซอร์คือ 1980x1000 ฉันต้องการให้รูปภาพแสดงที่ 1333x1000 (เติมในแนวตั้งกึ่งกลางแนวนอน) หากเบราว์เซอร์มีขนาด 800x1000 ฉันต้องการให้แสดงที่ 800x600 (เติมในแนวนอนจัดกึ่งกลางแนวตั้ง) ตอนนี้ฉันได้กำหนดไว้ดังนี้: <body style="height: 100%"> <div id="content" style="width: 100%; height: 100%"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 1024 768" preserveAspectRatio="xMidYMid meet"> ... </svg> </div> </body> อย่างไรก็ตามนี่เป็นการปรับขนาดความกว้างเต็มของเบราว์เซอร์ (สำหรับหน้าต่างกว้าง แต่สั้น) …

94 layout xhtml svg scaling aspect-ratio

18

อัลกอริทึมในการคำนวณอัตราส่วนภาพคืออะไร?

ฉันวางแผนที่จะใช้กับ JavaScript เพื่อครอบตัดรูปภาพให้พอดีกับหน้าต่างทั้งหมด แก้ไข : ฉันจะใช้เป็นส่วนประกอบของบุคคลที่ 3 4:3ที่จะยอมรับเฉพาะอัตราส่วนในรูปแบบที่ชอบ: 16:9,

89 javascript algorithm crop aspect-ratio

7

matplotlib (ความยาวหน่วยเท่ากัน): ด้วยอัตราส่วน 'เท่ากัน' แกน z ไม่เท่ากับ x- และ y-

เมื่อฉันตั้งค่าอัตราส่วนเท่ากันสำหรับกราฟ 3 มิติแกน z จะไม่เปลี่ยนเป็น 'เท่ากับ' ดังนั้นสิ่งนี้: fig = pylab.figure() mesFig = fig.gca(projection='3d', adjustable='box') mesFig.axis('equal') mesFig.plot(xC, yC, zC, 'r.') mesFig.plot(xO, yO, zO, 'b.') pyplot.show() ให้ฉันดังต่อไปนี้: โดยที่เห็นได้ชัดว่าความยาวหน่วยของแกน z ไม่เท่ากับหน่วย x และ y ฉันจะทำให้ความยาวหน่วยของทั้งสามแกนเท่ากันได้อย่างไร วิธีแก้ปัญหาทั้งหมดที่ฉันหาไม่ได้ผล ขอขอบคุณ.

89 python matplotlib aspect-ratio

คำถามติดแท็ก aspect-ratio