Closed
Bug 1485685
Opened 6 years ago
Closed 6 years ago
Image sizes attribute with both min-width and max-width ignored
Categories
(Firefox :: Untriaged, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 1422225
People
(Reporter: bugzilla-mqwm5abv, Unassigned)
Details
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0
Build ID: 20180807170231
Steps to reproduce:
The following code (live demo at http://iamkate.com/sizes/) behaves differently in Firefox (61.0.2) from Chrome and Edge:
<!DOCTYPE html>
<html>
<head>
<title>
Sizes issue
</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
</head>
<body>
<img
src="big.png"
srcset="big.png 1024w,small.png 128w"
sizes="(min-width:512px) and (max-width:767px) 100vw,128px"
alt="">
</body>
</html>
Actual results:
Firefox only ever shows small.png and displays it at 128 pixels wide. However, if the media condition is changed to have only the min-width or the max-width, Firefox will display big.png at the corresponding viewport widths.
Expected results:
Chrome and Edge show big.png (and stretch it to full viewport width) when the viewport width is between 512 and 767 pixels.
|
||
Updated•6 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 6 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•