Forum Moderators: not2easy

Message Too Old, No Replies

Testing of responsive sites

         

Gilead

5:34 pm on Feb 20, 2018 (gmt 0)

10+ Year Member



I've been using Screenfly, Responsinator and Responsice Design Checker sites. I'm not sure if the problem is with the checkers or something on my part. There are two pages inside separate directories with a link to the css file ../css.file. For whatever reason when I view it through these sites, the css doesn't get executed for the mobile version. All code is self contained in the one file.

Anyone have any ideas?
Thanks!

NickMNS

6:56 pm on Feb 20, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Use Google Chrome, Opera or Firefox. They each have a mobile emulator baked in.
For Chrome - right click on your page, select "inspect elements" then press ctrl+shift+M. You can select various devices with a wide variety of screen sizes.

If you still have issues, report back.

not2easy

8:07 pm on Feb 20, 2018 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



Are these separate files for desktop and mobile, within separate directories for desktop and mobile? If so, you may need to copy the .css file to each directory for testing rather than linking to a file at root, depending on how the various viewers load the page(s). Do both versions use the same .css file? I ask in case of a caching issue.

I agree with NickMNS about the built in browser tools though current versions of FF aren't as useful as older versions for that purpose.

Gilead

8:14 pm on Feb 20, 2018 (gmt 0)

10+ Year Member



Yes, all versions use the same css file.

Gilead

8:16 pm on Feb 20, 2018 (gmt 0)

10+ Year Member



Shouldn't be a cache issue. This was the first time the browser has looked there in months. I'll try putting it locally in the directory.