Ky sajt do të funksionojë me kufizime, teksa bëjmë mirëmbajtjen e tij për të përmirësuar punën tuaj. Nëse një artikull nuk e zgjidh problemin tuaj dhe dëshironi të bëni një pyetje, kemi bashkësinë tonë të asistencës, e gatshme për t’ju ndihmuar, te @FirefoxSupport në Twitter dhe/r/firefox në Reddit.

Avatar for Username

Kërkoni te Asistenca

Shmangni karremëzime gjoja asistence. S’do t’ju kërkojmë kurrë të bëni një thirrje apo të dërgoni tekst te një numër telefoni, apo të na jepni të dhëna personale. Ju lutemi, raportoni veprimtari të dyshimtë duke përdorur mundësinë “Raportoni Abuzim”.

Mësoni Më Tepër

Kjo rrjedhë është arkivuar. Ju lutemi, bëni një pyetje të re, nëse keni nevojë për ndihmë.

Responsive Design View addon: Not working for certain viewscreen sizes

FireFly09
FireFly09
more options

I have been using this add-on for a while now for my html sites (as I convert them to responsive) and the tool is very handy.

However since the beginning I have noticed that some of my media queries do not show properly in the addon (ie...via Control M to view). Specifically --- 414px, 667px, and 800 px. In order to get the view to work for these media query settings I always have to put the code in the previous media query for it to take.

These are the sizes I usually view (and have set up within the add-on) to check. Using Maxwidth ie @media only screen and @media only screen and (max-width:360px){ }

Computers/Monitors 1920 1600 1536 1280

Tablets 1024 853 800 (Gallaxy Tablet 10.1) 768

Phones 736 720 667 (iPhone 6) 640 600 568 480 414 (iPhone 6+) 375 360 320

Are these not valid widths? Or is there some other reason why the add on will not view them? I hope you can assist as I'm working on a project right now and am frustrated once again by this limitation.  :)

Thanks

I have been using this add-on for a while now for my html sites (as I convert them to responsive) and the tool is very handy. However since the beginning I have noticed that some of my media queries do not show properly in the addon (ie...via Control M to view). Specifically --- 414px, 667px, and 800 px. In order to get the view to work for these media query settings I always have to put the code in the previous media query for it to take. These are the sizes I usually view (and have set up within the add-on) to check. Using Maxwidth ie @media only screen and @media only screen and (max-width:360px){ } Computers/Monitors 1920 1600 1536 1280 Tablets 1024 853 800 (Gallaxy Tablet 10.1) 768 Phones 736 720 667 (iPhone 6) 640 600 568 480 414 (iPhone 6+) 375 360 320 Are these not valid widths? Or is there some other reason why the add on will not view them? I hope you can assist as I'm working on a project right now and am frustrated once again by this limitation. :) Thanks

Krejt Përgjigjet (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

Perhaps there is a rounding error in how Firefox is measuring the size of the responsive window? Does it make any difference if you force 96ppi rendering as follows:

(1) In a new tab, type or paste about:config in the address bar and press Enter. Click the button promising to be careful.

(2) In the filter box, type or paste pix and pause while the list is filtered

(3) Double-click layout.css.devPixelsPerPx and change its value from -1.0 (which uses the Windows text size as a global zoom percentage) to 1.0 (which corresponds to 96ppi)

To restore normal rendering, you can right-click > Reset the preference.