Jump to content

Reducing Mobile Size


Morgin
 Share

Recommended Posts

I just tried out the more accessible page size/zoom tools in ios13. 
86847C54-3F2B-469C-8FF9-B9B23F6D5A7E.thumb.png.5e57bc39d971afae81f5658bab145d89.png

this is at 75% size, which IMO is a huge improvement over the default mobile skin (which while I think is great, my primary complain about has always been that everything is so big).

anyone have any idea through css if there is an easy way to essentially make this the default by reducing everything in the phone size css to 75% of its default size?

 

Edited by Morgin
Link to comment
Share on other sites

  • 11 months later...

Hey @Rikki - you had provided me the css to insert into custom.css to achieve this. Unfortunately, I had asked this on the invisionalpha site and I neglectfully didn’t copy your answer to somewhere safe in case I ever lost it. I reset my custom.css in anticipation of 4.5 upgrade, and have subsequently lost it. When you have time, obviously not urgent, any chance if you still have access to that board you could repost here, or alternatively if you know this off the top of your head you could retype it here? Thanks!

Link to comment
Share on other sites

16 hours ago, Rikki said:

If I remember correctly, this is the sort of thing I suggested:


body {
  zoom: 0.9;
}

 

That’s right - I think you also had directed me how to use the media query or viewport check or whatever to ensure this was only applicable if it was a phone size device, as I was trying to do it by targeting the responsive classes which was the wrong approach. 

Link to comment
Share on other sites

10 minutes ago, Morgin said:

That’s right - I think you also had directed me how to use the media query or viewport check or whatever to ensure this was only applicable if it was a phone size device, as I was trying to do it by targeting the responsive classes which was the wrong approach. 

Oh that's right, this is what you'd need:

@media screen and (max-width: 767px) {
	body {
		zoom: 0.8;
	}
}

 

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...