0
Welcome Guest! Login
0 items Join Now

SOLVED Using “rem” for media Queries ?

    • Patrick Toulze's Avatar
    • Patrick Toulze
    • Elite Rocketeer
    • Posts: 1810
    • Thanks: 18
    • Marketing - Web Designer

    SOLVED Using “rem” for media Queries ?

    Posted 8 years 1 month ago
    • What is the reason to use the non-intuitive “rem” measurment when devices are always in pixels ?

      Can we use recognizable pixels in the Configuration Styles Breakpoints...
    • Last Edit: 8 years 1 month ago by Patrick Toulze.
    • Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
      www.grafcomm.ca
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED Using “rem” for media Queries ?

    Posted 8 years 1 month ago
    • here is an article that may help clarify, at least, some of your questions.

      www.futurehosting.com/blog/web-design-ba...ing-elements-in-css/

      I have quoted some of the basics points below:
      ...Pixels are absolute but not consistent.
      In practice, they aren’t the same length everywhere because different devices treat them differently, but on each device a pixel is always the same. 16px on your laptop monitor is not the same as 16px on your iPad...

      ...Ems have a problem. Because everything is sized relative to its parent element, the meaning of an em changes as elements are nested. ..

      ...Rems, root ems, are always relative to the font-size of the <html> element. It doesn’t matter how deeply nested an element is, its rem lengths will always be a proportion of the font-size of <html>...

      ...Rems are awesome in theory, and mostly awesome in practice. There are some cases where simple proportional scaling doesn’t work out quite right — some text gets too small or too large relative to the surrounding text...
    • Patrick Toulze's Avatar
    • Patrick Toulze
    • Elite Rocketeer
    • Posts: 1810
    • Thanks: 18
    • Marketing - Web Designer

    Re: SOLVED Using “rem” for media Queries ?

    Posted 8 years 1 month ago
    • Thanks cdavis

      Can we use recognizable pixels in the Configuration Styles Breakpoints ?

      It’s true that I can use a calculator —> quayzar.com/wordpress/pixels-to-rem-calculator/
      (Note: got the REM to Pixel & Pixel to REM)

      but I just want to know if I can put pixels in the input in the Configuration Styles Breakpoints ???
    • Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
      www.grafcomm.ca
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED Using “rem” for media Queries ?

    Posted 8 years 1 month ago
    • certainly. yes. see the tooltip for the breakpoints input box
    • The following users have thanked you: Patrick Toulze

    • Patrick Toulze's Avatar
    • Patrick Toulze
    • Elite Rocketeer
    • Posts: 1810
    • Thanks: 18
    • Marketing - Web Designer

    Re: SOLVED Using “rem” for media Queries ?

    Posted 8 years 1 month ago
    • Thanks cdavis SOLVED
      Don’t you think it’s easier to have pixels as device screen size are measure in pixels.
      I guess, as you explain, rem are more acurate as pixels can be different size on different devices
    • Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
      www.grafcomm.ca
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED Using “rem” for media Queries ?

    Posted 8 years 1 month ago
    • Patrick Toulze wrote:
      Thanks cdavis SOLVED
      Don’t you think it’s easier to have pixels as device screen size are measure in pixels.
      I guess, as you explain, rem are more acurate as pixels can be different size on different devices
      yes, I think that getting used to the idea of using REM is harder than the actuality of making the change. Once you ahve done it a bit it will be the better method.

Time to create page: 0.047 seconds