ข้ามไปที่เนื้อหาหลัก
  วันเสาร์ที่ 25 เมษายน 2558
  7 ตอบกลับ
  การเข้าชม 3.5K
  ติดตาม
สวัสดี

ฉันสร้างองค์ประกอบ Colum สามองค์ประกอบในเนื้อหา เมื่อฉันวางภาพในคอลัมน์แรกและปรับขนาดหน้าเว็บในบางจุดภาพจะถูกบีบ นี่เป็นข้อผิดพลาดหรือฉันทำอะไรผิดและแก้ไขด้วยตัวเอง?

ขอบคุณ
NS
10 ปีที่แล้ว
สวัสดี

ฉันคิดว่ามันไม่ปกติเพราะคอลัมน์มีขนาดใหม่เกี่ยวกับขนาดหน้าจอ โดยปกติแล้วบนเทมเพลตที่ตอบสนองคุณสมบัติสูงสุดของคุณสมบัติ: 100% จะถูกนำไปใช้กับภาพทั้งหมดเพื่อให้ตอบสนองได้ หากคุณไม่มีมันรูปภาพมีขนาดคงที่มันจะไม่ทำงานบนหน้าจอขนาดเล็ก

ดูสิ่งที่แนบมา whet เกิดขึ้นกับ 3 คอลัมน์โดยปกติ

ไชโย
9 ปีที่แล้ว
แม้ว่าจะเป็นเวลานานหลังจากที่ปัญหาของฉันต้องผลักดันสิ่งนี้เพราะฉันมีปัญหาเดียวกัน และฉันได้พบสาเหตุของพฤติกรรมนี้: มันเกิดขึ้นถ้าคุณปรับขนาดรูปภาพและเปลี่ยนพารามิเตอร์ใด ๆ ของภาพในกล่องโต้ตอบคุณสมบัติรูปภาพ (หรือเรียกว่าคุณสมบัติรูปภาพหรือไม่ฉันไม่ได้ใช้เวอร์ชันภาษาอังกฤษ)
ตัวอย่าง: ฉันใส่รูปภาพในบทความของฉัน ในซอร์สโค้ดมี
ความกว้าง = "400" Hight = "300"
ตอนนี้ DoubleClick รูปภาพเพื่อเริ่มต้นกล่องโต้ตอบรูปภาพและเพียงคลิกที่ตกลง ตอนนี้ sourcecode เปลี่ยนเป็น
img style = "ความกว้าง: 400px; hight: 300px;"
มันเป็นอีกวิธีหนึ่งในการใส่พารามิเตอร์ขนาดใน HTML แต่ style = "... วิธีทำให้รูปภาพด้วยเหตุผลบางอย่างถูกบีบเมื่อปรับขนาดหน้าต่างเบราว์เซอร์

มีวิธีการเปลี่ยนการเข้ารหัสหรือไม่?
NS
9 ปีที่แล้ว
สวัสดี

ขอบคุณสำหรับข้อเสนอแนะเกี่ยวกับเรื่องนั้น คุณช่วยโพสต์ภาพหน้าจอของการตั้งค่าภาพที่คุณบอกฉันได้ไหม
โดยวิธีการที่ไม่ได้ใช้มือจับเพื่อปรับขนาดภาพในเนื้อหาของคุณคุณจะได้ภาพที่แสดงในแม่มดมิติที่ไม่ใช่ธรรมชาติมีข้อได้เปรียบสองเท่าของการหนักและได้รับคุณภาพที่ผิดที่จอแสดงผล มันอาจทำให้เกิดปัญหาในส่วนที่ตอบสนอง

ไชโย
9 ปีที่แล้ว
ขอบคุณ Tristan สำหรับการตอบกลับแน่นอนว่าฉันสามารถทำภาพหน้าจอได้

ฉันทำตัวอย่างง่ายๆด้วยรูปภาพที่มีขนาดดั้งเดิม 800x535px

1. ปรับขนาดโดยใช้มือจับโดยตรงในตัวแก้ไข Drop (BTW ไม่มีอะไรผิดปกติกับการทำแบบนั้นตราบใดที่คุณยังคงสัดส่วน) ล็อคที่หน้าต่างเบราว์เซอร์ที่หดตัวภาพอยู่ในอัตราส่วนที่เหมาะสมและตอบสนองได้อย่างเต็มที่ [resized_in_dropedit_by_handles.png]

2 จากนั้นฉันคลิกสองครั้งเพื่อเปิดคุณสมบัติ-ไดอะล็กไม่ได้เปลี่ยนอะไรเลย-คลิก 'ตกลง' เท่านั้น ซอร์สโค้ดเปลี่ยนไปตามที่คุณเห็นและภาพเดียวกันในหน้าต่างเบราว์เซอร์ที่หดตัวเดียวกันจะแสดงบีบและไม่ตอบสนองอีกต่อไป [resized_by_properties-dialog.png]

ฉันหวังว่านี่จะทำให้ปัญหาชัดเจนยิ่งขึ้นและช่วยให้ DropEditor ดีขึ้น (ฉันคิดว่า DE เป็นตัวแก้ไข Joomla ที่ฉลาดที่สุด)

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

ขอแสดงความนับถือแฟรงค์
NS
9 ปีที่แล้ว
สวัสดี


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

เกี่ยวกับการพิจารณาครั้งแรกเกี่ยวกับขนาดธรรมชาติของภาพมันไม่ได้เปลี่ยนปัญหาเป็นเพียงคำแนะนำ มันทำให้เว็บไซต์ของคุณช้าลงและตรวจพบโดยการวิเคราะห์เครื่องมือ SEO ทั้งหมดเป็นข้อผิดพลาด ภายใต้ Chrome เครื่องมือ Handles ถูกลบออกจากตัวแก้ไข

ไชโย
9 ปีที่แล้ว
ตกลงนี่จะเป็นการอัปเดตที่ยอดเยี่ยม:)

ฉันเคยทำสิ่งนี้ด้วยตนเองด้วย Droppics (Pro) โดยการสร้างซ้ำขนาดที่กำหนดเอง ภาพขนาดย่อที่สร้างขึ้นอัตโนมัติจะสะดวกสบายมากขึ้น - ยินดีมาก ปัญหาของฉันคือภาพที่วางไว้ในบทความที่มีค่าสูงสุด ขนาดดูเบลอเล็กน้อยบนจอแสดงผลความละเอียดสูง ตัวอย่างเช่นภาพ 400x300px ที่วางไว้ในบทความกำลังดูโอเคบนจอภาพสำนักงานของฉันที่มี 72 dpi บนแท็บเล็ตที่มี <200dpi มันดู unsharp (เกิดจากการปรับขนาดเบราว์เซอร์) ภาพที่มีขนาดทางกายภาพของ 600x448px ที่มีการปรับขนาดเป็น 400x300px นั้นดูคมชัดกว่าในการจ้างงาน Filesizes ค่อนข้างใหญ่กว่า - ใช่ แต่ไม่มากนัก ... สำหรับการจ้างงานแสดงฉันรู้ว่าไม่มีวิธีอื่นที่จะทำให้ภาพดูคมชัด

ขอแสดงความนับถือแฟรงค์
9 ปีที่แล้ว
ตกลงนี่จะเป็นการอัปเดตที่ยอดเยี่ยม:)

ฉันเคยทำสิ่งนี้ด้วยตนเองด้วย Droppics (Pro) โดยการสร้างซ้ำขนาดที่กำหนดเอง ภาพขนาดย่อที่สร้างขึ้นอัตโนมัติจะสะดวกสบายมากขึ้น - ยินดีมาก ปัญหาของฉันคือภาพที่วางไว้ในบทความที่มีค่าสูงสุด ขนาดดูเบลอเล็กน้อยบนจอแสดงผลความละเอียดสูง ตัวอย่างเช่นภาพ 400x300px ที่วางไว้ในบทความกำลังดูโอเคบนจอภาพสำนักงานของฉันด้วย 72 dpi บนแท็บเล็ตที่มี 200dpi มันดูไม่ได้รับแสง (เกิดจากเบราว์เซอร์ที่ปรับขนาด) ภาพที่มีขนาดทางกายภาพของ 600x448px ที่มีการปรับขนาดเป็น 400x300px นั้นดูคมชัดกว่าในการจ้างงาน Filesizes ค่อนข้างใหญ่กว่า - ใช่ แต่ไม่มากนัก ... สำหรับการจ้างงานแสดงฉันรู้ว่าไม่มีวิธีอื่นที่จะทำให้ภาพดูคมชัด

ขอแสดงความนับถือ Frank

PS ขออภัยที่โพสต์อีกครั้งระบบตัดข้อความของฉันเนื่องจากการใช้สัญลักษณ์ลูกศร ฉันจะระมัดระวังมากขึ้นในข้อความต่อไปของฉัน;)
  • หน้าหนังสือ :
  • 1
ยังไม่มีการตอบกลับสำหรับโพสต์นี้