| <!DOCTYPE html> |
| <html> |
| <head> |
| |
| <meta name="viewport" content="width=800"> |
| <style> |
| html { font-size: 16px; } |
| body { width: 800px; margin: 0; overflow-y: hidden; } |
| pre { margin: 0; } |
| </style> |
| |
| </head> |
| <body> |
| |
| <div> |
| <span style="white-space: pre; font-size: 2.5rem"> |
| This text is expected be autosized to 40px computed font-size (16 * 800/320), since Text Autosizing is not yet smart enough to detect that all the children of this div are unwrappable. Ideally it would not get autosized. |
| </span> |
| </div> |
| |
| <div> |
| <span style="white-space: nowrap; font-size: 2.5rem"> |
| This text is expected be autosized to 40px computed font-size (16 * 800/320), since Text Autosizing is not yet smart enough to detect that all the children of this div are unwrappable. Ideally it would not get autosized. |
| </span> |
| </div> |
| |
| <div> |
| <span style="white-space: pre-wrap; font-size: 2.5rem"> |
| This text should be autosized to 40px computed font-size (16 * 800/320) since it has white-space:pre-wrap which allows text wrapping (even though it doesn't collapse white space). |
| </span> |
| </div> |
| |
| <div> |
| <span style="font-size: 2.5rem"> |
| This text should be autosized to 40px computed font-size (16 * 800/320). |
| </span> |
| </div> |
| |
| </body> |
| </html> |
