Making my images play nicely with mobile devices

It was pointed out to me earlier today that whilst the carousel on my home page scales and looks right on everything from desktops to mobile phones, the "top-hat" images I've been including in posts don't play quite as nicely on mobile devices.

As it turns out, thanks to the fact that the theme I'm using for Orchard uses Bootstrap it's very easy to get it to do the hard work for me. I'm sure there are probably better ways to do this, including uploading images at different sizes to cater for different screen resolutions in a slightly less bandwidth greedy way, but,... as a quick fix, simply adding:


to the top-hat images makes them scale sensibly across different devices and screen resolutions. All I've got to do now is work my way through the back-catalog of posts and add this in!

About Rob

I've been interested in computing since the day my Dad purchased his first business PC (an Amstrad PC 1640 for anyone interested) which introduced me to MS-DOS batch programming and BASIC.

My skillset has matured somewhat since then, which you'll probably see from the posts here. You can read a bit more about me on the about page of the site, or check out some of the other posts on my areas of interest.

No Comments

Add a Comment