Trong bài này:
Chúng tôi đã có 4 hình ảnh được đặt (trong thuộc tính img) với chiều rộng là 246 pixel.
Trong chrome nó trông ổn. Trong IE6 thì không.
Bất kỳ đề xuất về cách giải quyết này?
Tôi giải quyết vấn đề.
Trong style.css
Tôi cần phải thực hiện thay đổi sau đây
#content img {
margin: 0;
height: auto;
max-width: 640px;
/*width: auto;*/
}
Bây giờ tôi tự hỏi làm thế nào để duy trì điều đó cho tất cả các cập nhật chủ đề sau ...
Thuộc tính chiều cao của hình ảnh bị thiếu. Vì vậy, tôi sẽ không tự hỏi về sự khác biệt trong hiển thị giữa các trình duyệt, bởi vì thông số kỹ thuật HTML 4 không xác định rõ cách xử lý tình huống như vậy.
Làm thế nào để đối phó với điều đó? Nối vào lõi theme/wp và vá mã bên cạnh thuộc tính width, thuộc tính height cũng được tính toán và sử dụng.
Nếu 640 px là chiều rộng bạn muốn. Tôi sẽ đi vào wordpress và thiết lập nó như là một trong những kích thước cho hình ảnh; và sau đó khi bạn muốn chèn một bài vào một bài đăng, hãy chọn kích thước đó.
Trong Cài đặt-> Phương tiện, bạn có thể đặt kích thước Trung bình và Lớn. Tôi sẽ thay đổi những điều này thành những gì bạn muốn; sau đó sử dụng plugin này http://wordpress.org/extend/plugins/bulk-image-resize-utility/ sẽ thay đổi kích thước hình ảnh bạn có.
Những gì wordpress sẽ làm là tạo ra hình ảnh mới với các kích thước này. Điều này làm cho người dùng, là họ chỉ đang tải xuống kích thước của hình ảnh mà họ đang nhìn thấy, giúp thời gian tải trang.
Bạn có thể phải quay lại bài đăng của mình và chỉnh sửa hình ảnh để sử dụng kích thước trung bình hoặc lớn.
#content img {
margin: 0;
height: auto;
max-width: 640px;
width: auto;
}
Những câu đố trên thật kinh khủng, tôi đã xóa width: auto;
trong chủ đề TwentyTen, nó đã hoạt động - nhưng đối với tùy chọn tbeme con, làm thế nào để bỏ dòng trong chủ đề con, nhưng vẫn được sử dụng qua chủ đề phụ huynh, thật kỳ lạ!
Tôi mặc dù bảng kiểu chủ đề con thay thế việc sử dụng chủ đề TwentyTen.