Commit c93d9bf0 authored by's avatar

Add test case for viewport media queries.

git-svn-id: 268f45cc-cd09-0410-ab3c-d52691b4dbfc
parent 27bb5d77
body {
background-color: black;
@media all and (min-width:600px)
body { background-color: green }
You should see two iframes below. The narrow one should be black. The wider one should be green.
<iframe style="width:150px;height:150px;" src="resources/viewport-media-query.html"></iframe>
<iframe style="width:650px;height:150px;" src="resources/viewport-media-query.html"></iframe>
\ No newline at end of file
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x576
RenderBlock (anonymous) at (0,0) size 784x18
RenderText {#text} at (0,0) size 639x18
text run at (0,0) width 227: "You should see two iframes below. "
text run at (227,0) width 212: "The narrow one should be black. "
text run at (439,0) width 200: "The wider one should be green."
RenderBlock {P} at (0,34) size 784x312
RenderPartObject {IFRAME} at (0,0) size 154x154 [border: (2px inset #000000)]
layer at (0,0) size 150x150
RenderView at (0,0) size 150x150
layer at (0,0) size 150x150
RenderBlock {HTML} at (0,0) size 150x150
RenderBody {BODY} at (8,8) size 134x134 [bgcolor=#000000]
RenderText {#text} at (154,140) size 4x18
text run at (154,140) width 4: " "
RenderPartObject {IFRAME} at (0,158) size 654x154 [border: (2px inset #000000)]
layer at (0,0) size 650x150
RenderView at (0,0) size 650x150
layer at (0,0) size 650x150
RenderBlock {HTML} at (0,0) size 650x150
RenderBody {BODY} at (8,8) size 634x134 [bgcolor=#008000]
RenderText {#text} at (0,0) size 0x0
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment