Links has smaller font size than the text

[cybershadow]

Links has smaller font size than the text

[CyberShadow]

There is definitely nothing in the code to shrink or enlarge links. It might be an iOS Safari feature that's manifesting in an odd way.

I don't own an iPhone, any way for me to reproduce this issue on a Windows or Linux PC?

[CyberShadow]

Maybe -webkit-text-size-adjust would fix it... but I have no way of testing.

[jacob-carlborg]

I don't own an iPhone, any way for me to reproduce this issue on a Windows or Linux PC?

I have only seen this problem in the simulator and on an actual iPhone.

[jacob-carlborg]

It looks like -webkit-text-size-adjust: 100%; forces the link to not change the font size. But then it will be consistently smaller. Putting the same rule on the rest of the content and increasing the overall font size would fix that problem.

[jacob-carlborg]

The computed font size of the text is 12px on iPhone 6 in portrait mode and 20px in landscape mode.

[jacob-carlborg]

For the line height it's 13px in portrait mode and 21px in landscape mode.

[CyberShadow]

I have only seen this problem in the simulator and on an actual iPhone.

I got the iOS simulator running in a VM but couldn't reproduce the issue:

[jacob-carlborg]

It only occurs in landscape mode. There's a menu item to rotate the device in the Hardware menu.

[CyberShadow]

Ah OK, reproduced.

For some reason, the (simulated) iPhone 6 thinks it can fit MORE text on its 4.7" screen than my 5.7" Note 4.

I wish CSS units such as mm still meant something today.

[CyberShadow]

I disabled text-size-adjust and removed font size scaling. How does http://beta.forum.dlang.org/ look/feel for you now?

[jacob-carlborg]

That looks better. Now I think I can comfortably read in portrait mode 😃. But I noticed the top menu header doesn't stretch all the way to the right side. BTW the rest of the page doesn't stretch all the way either.

[CyberShadow]

Took me a while to figure out. Looks like Safari doesn't take word-spacing into account of width calculation for floats.

diff --git a/css/style.css b/css/style.css
index 5dc278f..727d585 100644
--- a/css/style.css
+++ b/css/style.css
@@ -522,13 +522,12 @@ body.std .subnav a.package
 {
     padding: 0.3em 0 0.6em 0;
     text-align: right;
-    word-spacing: 0.5em;
 }

 #content #tools .tip
 {
     display: inline-block;
-    word-spacing: 0;
+    padding-left: 0.5em;
 }

 .expand-container > .expand-toggle::after

ping @aG0aep6G

[CyberShadow]

I understand this is now resolved.