: How to scale a web page for different resolutions? I have a web-page for devices(smartphones/tablets). I have used media queries to make it responsive and have used rem units for all measurements.

Posted in: #ResponsiveDesign #Scale #WebsiteDesign

I have a web-page for devices(smartphones/tablets).
I have used media queries to make it responsive and have used rem units for all measurements.
I have set default html/body font-size:62.5% and then calculated all other rem units.
Also for each breakpoint i have a set of css.

But it seems that the font size and other element doesn't scale as the resolution increases.
What should i do to make it good? or What else i am missing here?

10.01% popularity Vote Up Vote Down

: How can a designer decide whether a competitors design is similar enough to their own to take further action? There is a lot of copycatting out in the world, and it's a constant legal battle

@Angie364

Posted in: #Branding #CopyProtection #Copyright #HowTo #ProductDesign

4 Comments

: How to OTF export the font I created in Indyfont? I've created a custom made bullet and used the indyfont script to set up the export but I'm not able to click on the the OTF export button.

@Angie364

Posted in: #AdobeIndesign #FontDesign #IndesignScripting #Typesetting #Windows

1 Comments

: How to exclude hidden shapes when saving to SVG Im trying to save icons out to SVG format, one at a time, but from one document. what i mean is, i have all my icons laid out in one document,

@Angie364

Posted in: #AdobeIllustrator #Save #Shapes #Svg

3 Comments

: In InDesign is it possible to find and change uppercase to lowercase? Is there a way to find and change uppercase letters of a certain character style and change them to lowercase within InDesign?

@Angie364

Posted in: #AdobeIndesign #Text #Typesetting

3 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@XinRu324

Use width:100%; for the full screen / div in your web page and if you mean responsive use this code for ipad / phone

@media only screen and (max-width : 768px // for ipad

480 //for> phone){

}

And set this in your html file to read the responsive css

< meta content="initial-scale=1, minimum-scale=1, width=device-width"
name="viewport" >

10% popularity Vote Up Vote Down

Feed

: How to scale a web page for different resolutions? I have a web-page for devices(smartphones/tablets). I have used media queries to make it responsive and have used rem units for all measurements.

More posts by @Angie364

: How can a designer decide whether a competitors design is similar enough to their own to take further action? There is a lot of copycatting out in the world, and it's a constant legal battle

: How to OTF export the font I created in Indyfont? I've created a custom made bullet and used the indyfont script to set up the export but I'm not able to click on the the OTF export button.

: How to exclude hidden shapes when saving to SVG Im trying to save icons out to SVG format, one at a time, but from one document. what i mean is, i have all my icons laid out in one document,

: In InDesign is it possible to find and change uppercase to lowercase? Is there a way to find and change uppercase letters of a certain character style and change them to lowercase within InDesign?

Login to post a comment!

1 Comments

Back to top | Use Dark Theme