Changes between Version 1 and Version 2 of Ticket #6119, comment 32


Ignore:
Timestamp:
May 29, 2016, 11:04:07 PM (3 years ago)
Author:
arthuredelstein
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #6119, comment 32

    v1 v2  
    1717My demo does report to a server. There's a separate media query that makes a unique HTTP request for each possible width and for each possible height. For example, if the window width is 193px, then the following media query matches:
    1818{{{
    19 @media (width: 193px) { #width { background-image: url("http://dummyimage.com/50x30/fff/000&text=193&dim=width"); } }
     19@media (width: 193px) { #width { background-image: url("https://dummyimage.com/50x30/fff/000&text=193&dim=width"); } }
    2020}}}
    21 The image [http://dummyimage.com/50x30/fff/000&text=193&dim=width] is therefore requested, which results in the number 193 being displayed in the page. But if you wanted to use this to record screen sizes on your own server instead, you could provide a `background-image: url(...)` that points to your server, with the matched width in a query string.
     21The image [https://dummyimage.com/50x30/fff/000&text=193&dim=width] is therefore requested, which results in the number 193 being displayed in the page. But if you wanted to use this to record screen sizes on your own server instead, you could provide a `background-image: url(...)` that points to your server, with the matched width in a query string.
    2222
    2323Here's the script I used to generate the CSS file: