- From: Nadya678 via GitHub <sysbot+gh@w3.org>
- Date: Thu, 11 Jan 2018 19:31:46 +0000
- To: public-css-archive@w3.org
@SebastianZ Big + for antialiasing. Also please do not forget about retina screens (3x3 physical pixels for one CSS px).
I think there should be defined a style to enable/disable antialiasing if it is supported.
I use on part of HTML/CSS applications definition:
```
html
{
font-size:1px;
}
body
{
font-size:1600; /* the 16rem is wrongly switched in Cr during resizing the window */
border:0;
margin:0;
}
any-element
{
border:...rem;
margin:...rem;
etc. etc.
}
```
and...
```
@media screen and (max-width:400px)
{
font-size:0.75px; /* full zoom effect */
}
@media screen and (max-height:400px)
{
font-size:0.75px; /* full zoom effect */
}
@media screen and (max-width:250px)
{
font-size:0.5px; /* full zoom effect */
}
@media screen and (max-height:250px)
{
font-size:0.5px; /* full zoom effect */
}
```
But the not defined border rounding makes problem. Thus the antialiasing or defined rounding behaviour is needed to be defined for example for small devices.
The application can be used on very small screens like smart-watches.
--
GitHub Notification of comment by Nadya678
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2127#issuecomment-357036050 using your GitHub account
Received on Thursday, 11 January 2018 19:32:18 UTC