Difference between revisions of "Responsive"
Jump to navigation
Jump to search
Responsive Test
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | This page demonstrates how the page width changes when a page is zoomed on desktop sites. This shows how responsive breakpoints are triggered on the desktop by browser zoom. | |
| + | |||
<html> | <html> | ||
<head> | <head> | ||
| Line 13: | Line 14: | ||
} | } | ||
#c1 { | #c1 { | ||
| − | position: | + | position: relative; |
left:80px; | left:80px; | ||
| − | + | float:left; | |
max-height:52px; | max-height:52px; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 37: | Line 38: | ||
</head> | </head> | ||
<body onload="run();"> | <body onload="run();"> | ||
| − | < | + | <p>This is a paragraph of text.</p> |
| − | + | <div> | |
| − | < | + | <p id="p1"> (scale) pixel ratio </p> |
| − | + | <p id="p2"> inner width </p> | |
| − | <p id="p1"> (scale) pixel ratio </p> | + | </div> |
| − | <p id="p2"> inner width </p> | ||
</body> | </body> | ||
</html> | </html> | ||
| + | [[category:Techniques]] | ||
Latest revision as of 14:22, 18 December 2015
This page demonstrates how the page width changes when a page is zoomed on desktop sites. This shows how responsive breakpoints are triggered on the desktop by browser zoom.
This is a paragraph of text.
(scale) pixel ratio
inner width
