Hình ảnh trong cột được vắt

Xin chào,

tôi nghĩ điều đó không bình thường vì các cột được định lại kích thước liên quan đến kích thước màn hình.

thường trên mẫu đáp ứng, thuộc tính chiều rộng tối đa: 100% được áp dụng trên tất cả các hình ảnh để làm cho chúng phản hồi. Nếu bạn không có nó, hình ảnh có kích thước cố định, nó sẽ không hoạt động trên màn hình nhỏ. Xem whet đính kèm thường xảy ra với 3 cột.

Chúc mừng,

Mặc dù nó là một thời gian dài sau vấn đề của TO, tôi phải thúc đẩy điều này bởi vì tôi có cùng một vấn đề.
Và tôi đã tìm ra nguyên nhân của hành vi này: Điều này xảy ra nếu bạn thay đổi kích thước hình ảnh và thay đổi bất kỳ thông số nào của hình ảnh trong hộp thoại thuộc tính hình ảnh (hoặc nó được gọi là thuộc tính hình ảnh? Tôi không sử dụng phiên bản tiếng Anh) Một ví dụ: Tôi đưa một bức ảnh vào bài viết của mình và thay đổi kích thước bằng cách kéo nó bằng chuột thành 400x300px.
Trong mã nguồn có width = "400" hight = "300".
Bây giờ nhấp đúp vào hình ảnh để bắt đầu hộp thoại thuộc tính hình ảnh và chỉ cần nhấp vào OK.
Bây giờ mã nguồn đã thay đổi thành img style = "width: 400px; hight: 300px;"
Đó chỉ đơn giản là một cách khác để đặt tham số kích thước trong HTML nhưng cách style = "... khiến hình ảnh vì lý do nào đó bị bóp méo khi thay đổi kích thước cửa sổ trình duyệt.

Có cách nào để thay đổi mã không?

Xin chào,

Cảm ơn đã phản hồi về điều đó.
Bạn có thể đăng cho tôi ở đây một ảnh chụp màn hình của cài đặt hình ảnh mà bạn đã nói với tôi không? Nhân tiện, đừng sử dụng tay cầm để thay đổi kích thước hình ảnh trong nội dung của bạn, bạn sẽ nhận được hình ảnh hiển thị ở kích thước không tự nhiên có lợi kép là nặng và chất lượng hiển thị sai.

Nó cũng có thể gây ra sự cố trong phần phản hồi. Chúc mừng,

Cảm ơn bạn Tristan đã trả lời, tất nhiên tôi có thể thực hiện một số ảnh chụp màn hình.

Tôi đã làm một ví dụ đơn giản với một hình ảnh có kích thước ban đầu là 800x535px.

1. Thay đổi kích thước bằng cách sử dụng các tay cầm trực tiếp trong trình chỉnh sửa thả (btw. Không có gì sai khi làm theo cách đó miễn là bạn giữ nguyên tỷ lệ).

Khóa ở cửa sổ trình duyệt được thu nhỏ, hình ảnh có tỷ lệ phù hợp và hoàn toàn phản hồi. [resize_in_dropedit_by_handles.png] 2. Sau đó, tôi nhấp đúp vào hình ảnh để mở hộp thoại thuộc tính, không thay đổi gì - chỉ nhấp vào 'OK'.

Mã nguồn đã thay đổi như bạn có thể thấy và cùng một hình ảnh trong cùng một cửa sổ trình duyệt thu nhỏ được hiển thị bị ép và không phản hồi nữa. [resize_by_properties-speech.png] Tôi hy vọng điều này làm cho vấn đề rõ ràng hơn và giúp DropEditor (Tôi nghĩ DE là Trình chỉnh sửa Joomla thông minh nhất).

Btw.

đây là một điểm khác, nhưng liệu có thể lấy trường lớp hình ảnh trong hộp thoại thuộc tính của hình ảnh không? Điều này sẽ làm cho các thay đổi trong lớp thoải mái hơn một chút. Trân trọng, Frank

Xin chào,


OK, tôi nghĩ là tôi hiểu rồi.
Đây là sự cố do công cụ chỉnh sửa hình ảnh cũ có trong trình chỉnh sửa (chỉ thuộc tính nút hình ảnh). Chúng tôi đang làm việc trên một phiên bản cập nhật của Droppics sẽ xử lý sự cố bằng cách tạo hình thu nhỏ thực của onfly.

Về việc xem xét đầu tiên về kích thước tự nhiên của hình ảnh, nó không thay đổi vấn đề mà nó chỉ là một lời khuyên. Nó làm chậm website và nó được phát hiện bởi tất cả các phân tích của công cụ SEO là một lỗi. Trong chrome, công cụ điều khiển đã bị xóa khỏi trình chỉnh sửa.

Chúc mừng,

OK, đây sẽ là một bản cập nhật tuyệt vời.

Tôi đã từng làm điều này theo cách thủ công với droppics (chuyên nghiệp) bằng cách tạo một bản sao có kích thước tùy chỉnh.

Hình thu nhỏ được tạo tự động sẽ thoải mái hơn - rất được hoan nghênh. Vấn đề của tôi với điều đó là, hình ảnh được đặt trong các bài báo với giá trị tối đa của chúng. kích thước trông hơi mờ trên màn hình có độ phân giải cao. Ví dụ: hình ảnh 400x300px được đặt trong một bài báo trông ổn trên màn hình văn phòng của tôi với 72 dpi, trên máy tính bảng có <200dpi, nó trông không đẹp (do trình duyệt thay đổi kích thước). Hình ảnh có kích thước vật lý 600x448px đã được thay đổi kích thước thành 400x300px trông sắc nét hơn nhiều trên màn hình HiRes. Kích thước tệp lớn hơn một chút - có, nhưng không nhiều lắm ... Đối với màn hình HiRes, tôi không biết có cách nào khác để làm cho hình ảnh trông sắc nét. Trân trọng, Frank

OK, đây sẽ là một bản cập nhật tuyệt vời.

Tôi đã từng làm điều này theo cách thủ công với droppics (chuyên nghiệp) bằng cách tạo một bản sao có kích thước tùy chỉnh.

Hình thu nhỏ được tạo tự động sẽ thoải mái hơn - rất được hoan nghênh. Vấn đề của tôi với điều đó là, hình ảnh được đặt trong các bài báo với giá trị tối đa của chúng. kích thước trông hơi mờ trên màn hình có độ phân giải cao. Ví dụ: hình ảnh 400x300px được đặt trong một bài báo trông ổn trên màn hình văn phòng của tôi với 72 dpi, trên máy tính bảng với 200dpi, nó trông không ổn (do trình duyệt thay đổi kích thước). Hình ảnh có kích thước vật lý 600x448px đã được thay đổi kích thước thành 400x300px trông sắc nét hơn nhiều trên màn hình HiRes. Kích thước tệp lớn hơn một chút - có, nhưng không nhiều lắm ... Đối với màn hình HiRes, tôi không biết có cách nào khác để làm cho hình ảnh trông sắc nét. Trân trọng, Frank

PS Xin lỗi vì đã đăng lại, hệ thống đã cắt văn bản của tôi do sử dụng biểu tượng-mũi tên. Tôi sẽ cẩn thận hơn trong các tin nhắn tiếp theo của tôi