Comments (11)
Thanks for bringing attention to it! Really, these small letters look awful!
I'll try to see whether there is a simple way to improve relative sizes of math-jax rendered formulas. However probably this is one of the hints to minimize using latex for single-letter inlines :)
However, it is worth considering that:
- currently there are 82% users coming from desktop, rather than mobile / tablet
- we never thought before about adapting the site to mobile screens - besides formulas there are code fragments for example, which probably simply don't fit the screen. Moreover most of articles are significant in size and of hard material - not something people would like to read for recreation from mobile screen while laying on a beech :)
My general idea is that we can try to fix what we can, but no immense efforts should be taken to support small screens for now. Meanwhile it may be worth to come up with some recommendation of "dos and donts" for creating "mobile-friendly" articles... One of them probably should be making articles either shorter and simpler - or providing short and simple "preface" to each of them, explaining general idea and what follows below (I think most of them have something of this kind).
from cp-algorithms.
Seems to be discussion on the same issue, about small formulas rendering:
https://groups.google.com/forum/#!topic/mathjax-users/v0hYt3pvf_8
Need to check all this about metas in the header...
from cp-algorithms.
Setting "meta viewport ... scale=1" as suggested in the material above seems to fix the problem, but make fonts proportionally small (as reported in FF)... To amend this I've tried to add dedicated css entries for larger font-size on small screens.
Currently the whole is added to main template for testing. If it works, css stuff can be moved to css file bit later (however I still have a hope to move css and js out of e-maxx-eng-auto somehow). It may take some time for some pages to update their template... and browser cache also needs to be cleared, of course...
Feel free to tune font-sizes in these snippets by the way... I'm not sure if they retained original look-and-feel... But can't say...
from cp-algorithms.
Looks pretty good right now.
The font size of the code snippets could be a tiny bit smaller.
The only other annoying thing is, that you manually have to resize the page each time you load an article. It always load in a highly zoomed view.
from cp-algorithms.
Will try to change the code size in the evening.
from cp-algorithms.
The only other annoying thing is, that you manually have to resize the page each time you load an article. It always load in a highly zoomed view.
Could you explain this? For me pages open without any manual actions? Are they overflowing the screen? Surely it is not how it should work... I'll try to fix if I understand what it is about...
UPD funny. code font is set to 125%... not sure why, I reduced it:
Again changes may be hidden by cache for some time... Ctrl-R on the css file itself may help...
from cp-algorithms.
The sites load like this.
Both in Chrome and in Firefox.
Resizeing the screen (with two fingers) is necessary.
from cp-algorithms.
Thanks! I've found a way to reproduce it. Definitely need some more research.
from cp-algorithms.
Now should be better, please check! If this third attempt will work, I'll transfer code snippets from template to CSS/JS files and then the issue is resolved...
Details: I've found MathJax is auto-resizing its fonts depending on various factors. Among them the "scale" of "viewport". Our design is not really intended for fixed scale=1.0, but I failed to explain this to MathJax config. There are tons of options and hints on the web (as the problem seems to be well-known) - but none worked for me. At last I left it with "scale=1.0" but applying zoom after load. It could be seen that page is resized on mobile approximately 0.3 seconds after loading... Not ideal, but... Hope it will do...
from cp-algorithms.
Looks fine to me.
Both in Chrome and Firefox.
You can finalize the changes close the issue.
from cp-algorithms.
Done. As usual, there may be a bit bewilderment while site and browser cached resources are updated.
from cp-algorithms.
Related Issues (20)
- Suffix Array Linear Time Construction
- Time complexity for fraction-search-algorithm HOT 5
- Finding a negative cycle implementation (may get stuck in a infinite loop, Bellman-Ford) HOT 3
- Problem on article "Linear Congruence Equation" HOT 1
- Problem on article "Balanced Ternary" HOT 1
- new article on the square and multiply algorithm HOT 2
- Improve Time Complexity for MCF and Assignment Problem HOT 1
- Problem on article "Fenwick Tree"
- Mathematical equations don't render for users from Egypt HOT 14
- Longest increasing subsequence HOT 1
- A little bug on minkowski sum implementation HOT 1
- Add RSS feed HOT 3
- Problem in "Prefix function. Knuth–Morris–Pratt algorithm" HOT 2
- Problem on article "Sqrt Decomposition" HOT 2
- Mathematical equations don't render HOT 1
- typo in suffix automaton HOT 1
- Typo in FenwickTreeOneBasedIndexing Code HOT 1
- Multiplicative order article
- Broken hyperlinks HOT 2
- Can we have one article about this method? HOT 5
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 cp-algorithms.