You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The new properties of sizing are lacking support in @media rules (min-inline-size, max-inline-size, min-block-size, max-block-size):
/* Not Working */@media (max-inline-size:1000px){
.main-content{
max-inline-size:800px;
margin:0 auto;
}
}
We need it to create responsive websites which work on all types of languages.
For Example, in Japanese the flow of the website is right to left (writing-mode: vertical-rl) instead of the regular flow from top to bottom. This means that for Japanese websites the responsive of the website is on the height and not on the width.
For the usage of logical properties to be practical, this is a must.
This discussion was converted from issue #204 on December 04, 2020 22:38.
Heading
Bold
Italic
Quote
Code
Link
Numbered list
Unordered list
Task list
Attach files
Mention
Reference
Menu
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
The new properties of sizing are lacking support in
@media
rules (min-inline-size
,max-inline-size
,min-block-size
,max-block-size
):We need it to create responsive websites which work on all types of languages.
For Example, in Japanese the flow of the website is right to left (writing-mode: vertical-rl) instead of the regular flow from top to bottom. This means that for Japanese websites the responsive of the website is on the height and not on the width.
For the usage of logical properties to be practical, this is a must.
Here is a CodePen that demonstrates the described case.
https://webwewant.fyi/wants/114/
Beta Was this translation helpful? Give feedback.
All reactions