Comments (13)
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?
from dfeed.
Maybe -webkit-text-size-adjust
would fix it... but I have no way of testing.
from dfeed.
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.
from dfeed.
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.
from dfeed.
The computed font size of the text is 12px on iPhone 6 in portrait mode and 20px in landscape mode.
from dfeed.
For the line height it's 13px in portrait mode and 21px in landscape mode.
from dfeed.
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:
from dfeed.
It only occurs in landscape mode. There's a menu item to rotate the device in the Hardware menu.
from dfeed.
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.
from dfeed.
I disabled text-size-adjust and removed font size scaling. How does http://beta.forum.dlang.org/ look/feel for you now?
from dfeed.
That looks better. Now I think I can comfortably read in portrait mode
from dfeed.
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
from dfeed.
I understand this is now resolved.
from dfeed.
Related Issues (20)
- Posting doesn't go through; "Posting status" page keeps refreshing HOT 2
- stuck unread reply HOT 1
- Forum hyperlink parser doesn't recognize + signs as part of the link
- Markdown formatting mangles pasted code HOT 10
- Markdown tables spuriously fail HOT 4
- identify really old messages you are replying to HOT 9
- Allow specialized markdown header for NNTP posts HOT 37
- corrupted gravatar link HOT 5
- Refresh "read threads" state when navigating back using bfcache HOT 1
- Text not wrapping at browser edge HOT 5
- Private repo activity is showing up in feed
- A button to list all created threads
- Wrong quote nesting as a result of slightly broken markdown syntax HOT 3
- Add moderation complaint email to footer HOT 10
- Lock threads to prevent comments
- IRC link in header is outdated
- Markdown does not support double spaces as a line-break. HOT 3
- Dark theme HOT 3
- Compilation is broken HOT 3
- running locally doesn't work as expected anymore HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from dfeed.