Hi,
I am having a CSS-related problem on an iPhone. The qualifications image doesn’t look as I wish. Using my computer’s programmer tools, the website appears good.
I am wondering what you guys are using to test CSS problems on mobile devices.
If you have a computer system you can just plug your phone into the mac and then in safari opened up the developer tools and you can choose the device to test live using devtools.
Another method I use is to find a codepen version working and then fill the codepen on the phone and allows you to change the code swiftly in codepen without having to keep updating and changing the site etc. Obviously not ideal for big sites but for a spider such as a history you should be able to duplicate and post a suitable edition immediately.
If you are trying to use background-size: cover on the body then that doesn’t work on smart.
I don’t have that.
If I didn’t find a way I may try that.
Not on the system on a div. It looks great on Android.
IOS doesn’t would background-attachment fixed however. It spreads it out over the entire system.
What you have to do is apply an aspect that is position: set and then put a background picture to that element and never use background-attachment fixed.
This codepen shows a technique for many images based on using placement: resolved whicch shows it does function on the phone.
A simpler one picture variant is shown here:
Maybe you can adjust your slider to use the image to window height position: set element instead.