Các trình duyệt (Firefox, Chrome, Safari) sử dụng hình ảnh lớn nhất để lấp đầy vùng chứa, ngay cả khi chiều rộng của nó (500px) nhỏ hơn. Tôi ước nó sẽ sử dụng hình ảnh tốt nhất một cách thông minh cho chiều rộng khung nhìn nhất định, nhưng不会Phóng to hình ảnh.
Có cách nào để tránh điều này mà không cần phải viết nội tuyến style="độ rộng tối đa:500px"?
câu trả lời hay nhất
có vẻ như nó có tập tin srcset Hình ảnh sẽ luôn có chất lượng cao, ngay cả khi cung cấp hình ảnh có độ phân giải thấp. Thật khó để tìm kiếm tài liệu về vấn đề này vì tất cả các ví dụ mà mọi người sử dụng đều cho rằng bạn đã có sẵn hình ảnh có độ phân giải cao. Trong trường hợp của tôi, tôi đang xây dựng thành phần React "hình ảnh phản hồi" để xử lý hình ảnh do người dùng cung cấp từ CMS. Tuy nhiên, không phải tất cả hình ảnh của họ đều có độ phân giải cao.
Giải pháp của tôi liên quan đến width Một số cân bằng CSS và chiều rộng tối đa , trên chính hình ảnh và bao bì của nó Nhãn. (Tất nhiên điều này có thể div hoặc bất cứ điều gì khác)
CSS:
hình ảnh { chiều rộng tối đa: 100%; }
nhân vật { width: 100%; }
HTML:
Điều này được tạo ra dựa trên kích thước hình ảnh có sẵn. Về phía CMS, tôi đã tạo hình thu nhỏ có kích thước 2400 pixel, 1600 pixel, 1200 pixel, 800 pixel và rộng 400 pixel, nhưng仅Hình ảnh nguồn lớn hơn chiều rộng này. Sau đó, thẻ sẽ nhận được tất cả các hình ảnh đã được thay đổi kích thước cũng như hình ảnh gốc. Sau đó,Để ngăn chặn việc phóng to hình ảnh,nhân vậtCờ có chiều rộng tối đa của hình ảnh lớn nhất hiện có.
Vì vậy, nếu hình ảnh nguồn chỉ rộng 500 pixel:
srcset="http://example.com/images/img_7804a_web-400x600.jpg 400w, http://example.com/images/img_7804a_web.jpg 500w" kích thước="100vw" alt="văn bản thay thế">
Nếu ảnh nguồn rộng 1125px thì sẽ lấy được nhiều hơn từ nguồn:
srcset="http://stephanie.standard-quality.biz/thumbs/projects/2016/cargo-cults/cargocults_basketwoman_web-400x533.jpg 400w, http://stephanie.standard-quality.biz/thumbs/projects/2016/cargo-cults/cargocults_basketwoman_web-800x1067.jpg 800w, http://stephanie.standard-quality.biz/content/projects/18-2016/3-cargo-cults/cargocults_basketwoman_web.jpg 1125w" kích thước="100vw" alt="văn bản thay thế">
Kết quả cuối cùng trông như thế này: Trong trường hợp này, hình ảnh thứ ba không có độ phân giải đủ cao để bao phủ toàn bộ cột:
Tôi đang cố gắng tạo một QTableView có thể phóng to và thu nhỏ như trong Excel. Một câu hỏi tương tự đã được hỏi ở đây: Zooming function on a QWidget Tuy nhiên, tôi đang ở PyQt thay vì C
Tôi đang cố gắng tìm "cách tốt nhất" để phóng to/thu nhỏ TVirtualStringTree. "Phóng đại" có nghĩa là bắt chước kính lúp. Điều này phải được hiểu bằng cách ưu tiên sử dụng các thuộc tính/phương thức trong điều khiển TVirtualStringTree được thiết kế riêng cho mục đích này
Có cách nào phóng to thu nhỏ trên emacs (tự động thay đổi cỡ chữ, khá mượt) không? Câu trả lời hay nhất hãy thử Cx C-+ và Cx C--; tức là Control-x Control-Minus/Control-Plus. trong một nhóm
Tôi đang gặp sự cố khi sử dụng Tờ rơi. Tôi tìm thấy một loạt điểm đánh dấu trên bản đồ (trong trường hợp của tôi, nó tượng trưng cho các sân gôn). Tuy nhiên, khi tôi phóng to/thu nhỏ, các điểm đánh dấu sẽ di chuyển trên bản đồ. Sau khi duyệt web, giải pháp có vẻ là iconAnchor
Tôi đang gặp sự cố khi sử dụng Tờ rơi. Tôi tìm thấy một loạt điểm đánh dấu trên bản đồ (trong trường hợp của tôi, nó tượng trưng cho các sân gôn). Tuy nhiên, khi tôi phóng to/thu nhỏ, các điểm đánh dấu sẽ di chuyển trên bản đồ. Sau khi duyệt web, giải pháp có vẻ là iconAnchor
Tôi đang làm việc trên một trò chơi có độ phân giải rất thấp và tôi cần phóng to để xem nó. Tôi biết tôi có thể sử dụng Graphics.scale(float x, float y) nhưng tôi muốn phóng to vào giữa. Làm thế nào để chia tỷ lệ đồ họa trung tâm? Có cách nào dễ dàng hơn để thực hiện nó?
Tôi có phương pháp này để xoay camera tiến/lùi và trái/phải. Tôi không rõ tại sao, nhưng điều gì khiến máy ảnh di chuyển đẹp khi phóng to gần địa hình nhưng lại di chuyển rất chậm khi thu nhỏ? Đây là cách tôi xoay camera: void CameraPan(){
Tôi đang cố gắng thu phóng như thế này: thu phóng chế độ xem hình ảnh khi nhấp đúp vào trình duyệt chế độ xem trong Android Tôi đã thử điều chỉnh mã đó cho dự án của mình nhưng nó không hoạt động.
$(window).height() Lấy chiều cao của cửa sổ khi trang được tải. Tuy nhiên, khi phóng to/thu nhỏ, tôi muốn có chiều cao khung nhìn mới. Điều này có thể thực hiện được không? Nó thay đổi kích thước tốt trên các trình duyệt thông thường, nhưng tôi đoán việc phóng to/thu nhỏ trên thiết bị di động không kích hoạt $(win
Tôi đang cố gắng tạo một bảng hiển thị hình ảnh, khối văn bản và các nút theo tỷ lệ tương tự với bảng hiển thị trên mô hình tiếp theo, bất kể kích thước/thu phóng trang. Lần đầu tiên tôi thử sử dụng một hình ảnh có văn bản được viết trên đó (tức là không sử dụng các phần riêng biệt cho văn bản, hình ảnh và nền hoặc
Blockquote Xin chào mọi người, có thể thêm chức năng phóng to và thu nhỏ vào mã này không? Tôi rất mới với html. Bất kỳ trợ giúp sẽ được đánh giá rất cao. Trung tâm hướng nghiệp
Tôi có một thanh tìm kiếm bao gồm 3 phần tử. Đầu tiên a lưu giá trị được chọn từ danh sách thả xuống. Cái thứ hai xóa phần tử đã chọn và cái thứ ba cho phép người dùng chuyển đổi giữa các menu thả xuống. Vấn đề của tôi - khi tôi phóng to quá 100%, các phần tử img và nút sẽ lớn hơn một kích thước
Hiện tại tôi đang gặp sự cố với phần chân trang của trang web của mình. Footer căn chỉnh đẹp khi xử lý ở kích thước 100% (kích thước bình thường). Tuy nhiên, khi tôi thay đổi kích thước, nó hoàn toàn bị lệch và ở bên trái, nó cần được căn giữa. Ảnh chụp màn hình: CSS liên quan: /* Dark bl
Tôi đã triển khai 3 nút để cho phép người dùng phóng to, thu nhỏ và quay về kích thước mặc định. Kịch bản có thể phóng to thu nhỏ nhưng mình vẫn còn 2 vấn đề chưa giải quyết được. Vấn đề đầu tiên: Mỗi lần zoom to, ảnh mình muốn zoom vẫn đạt giới hạn cửa sổ của mình, khi không còn khoảng trống bên trái hoặc bên phải của ảnh
Tôi đang cố gắng giữ hộp bóng ở cùng một vị trí ngay cả khi tôi phóng to hoặc thu nhỏ trang web. Tôi đã thử tạo kích thước theo tỷ lệ phần trăm thay vì pixel nhưng tôi không biết mình nên sử dụng kết hợp thuộc tính nào. Đây là điều tôi muốn đạt được: Hiệu ứng hộp bóng bên ngoài từ đây h
Tôi đang cố gắng triển khai tiêu đề giống Bootstrap với điều hướng, nhưng tôi mới phát hiện ra rằng khi tôi thu nhỏ cửa sổ, nội dung bên trong tiêu đề bị nhầm lẫn và tiêu đề cũng thu nhỏ thay vì giữ nguyên kích thước. Tôi đã sử dụng trên tiêu đề
Tôi đang phát triển một ứng dụng iOS có chứa nhiều UIView. UINavigation được sử dụng để điều hướng giữa các Chế độ xem này. Một trong những UIView của tôi chứa UITextField. Vấn đề của tôi là khi tôi phóng to,
Tôi đang cố gắng vẽ một số dữ liệu từ tệp FITS và tôi tự hỏi liệu có ai biết cách tập trung vào các khu vực nhất định của trục biểu đồ không? Đây là một số mã mẫu: import pyfits from matplotlib import pyplot
26
4
Trung tâm cá nhân
Điều phát hành
từ bỏ
0
Tôi là một lập trình viên xuất sắc, rất giỏi!