Jump to content

Recommended Posts

Hello everyone. 

(Sorry for my bad english, I'm french)
So I have an HTML page with a header, a footer, a lateral menu and of course, content.
It is perfectly sized for desktops and mobiles (thanks to a media query I invented, which is :

@media screen and (max-aspect-ratio: 7/8) and (min-height: 1100px){ /* MY CODE HERE */ }

The content is perfectly adjusted like this :

, thanks to: html{font-size: 200%} in this media query. 
I precise that  ALL my font-sizes and padding between divs / paragraphs are in "rem" unit.  
But the problem is, that when I exceeds the precise nuber of 89 characters, the texte suddenly look like this : 
But only on mobile devices (with the media query I said previously)... 
I visualized this with the Chrome developer tool -> Device toolbar (Ctrl + Shift + I  then  Ctrl + Shift + M) 

There I do a little as if it was not serious but it's days that I drudge everywhere and nobody was able to give me an answer ...

I put the page online so you can watch it more precisely...

Thanks for your help.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...