Comments (11)
For me bigtext also fails to do anything on iphone. Has anyone had success on iphone?
from bigtext.
I still haven't been able to find a solution either. Hoping someone else might have.
from bigtext.
Are there any news on that issue? I'm also trying BigText within MobileSafari with no effect.
Thanks. Florian
from bigtext.
I got it working in mobile safari even inside a WEBVIEW. Both iOS5 and iOS6 on iPad.
Not yet tested in iPhone but it should be the same.
from bigtext.
Revisited this and ran into a somewhat unpredictable condition. If the bigtext element is wider than the device width, iOS will not display the new font sizes correctly.
For example, on an iPhone screen with a device-width of 320px, if I try to bigtext an element that is 400px wide it will have no effect. If I change the element and remove the width, or set the width to 100%, or change it to max-width: 400px, bigtext works as expected.
Make sure your bigtext elements use a fluid width or have set max-widths.
Just something to keep in mind, guys.
Iām going to keep this open for now, maybe there is a better automated solution we can build into code.
from bigtext.
Sad to say that even with width:90%, bigtext doesn't seem to work in portrait nor landscape mode..
from bigtext.
Oddly enough, I set this media query randomly and bigtext kicked right into gear...
// iPhone 5:
@media screen and (device-aspect-ratio: 40/71)
ol#bigtext
font-size: 4em
from bigtext.
Also of note, I tried 1,2,3em with no luck (thinking that it was just font-size kicking it into gear). I tried 10em thinking it was just that setting the font far too large would do the trick. No luck there either. There's some weird balance going on.
from bigtext.
Not sure if it this info helps, but I've only ever used BigText v1.2 (now v0.1.2) and it works on iPhone (including resizing bigger when turned to landscape). Maybe try v0.1.2 and see if it works for you too.
from bigtext.
FYI: I tried v0.1.5 and it worked on iPhone 5 too. Although I noticed it closed off my div class instead of letting me add more classes and in-line style via PHP.
from bigtext.
0.1.7 on the demo http://zachleat.github.io/BigText/demo/simpleDemo.html seems to be working fine on iOS 8. Please reopen if you have additional issues.
from bigtext.
Related Issues (20)
- Does BigText work with <a href> links? HOT 1
- Not working with textarea HOT 1
- BigText taking ~5sec to apply after full site loads, Wordpress HOT 2
- BigText does not care about div height to set font-size
- Uncaught TypeError: Cannot read property 'BigText' of undefined
- "Re-BigText on Resize" is misleading
- passing in the window object
- BigText stops working when required font-size is less than 24px HOT 1
- The latest release is no longer compatible with jQuery 3 HOT 4
- Callback option
- Doesn't work out of the box with webpack.
- bigtext is not a function
- Word spacing goes wrong on iOS Safari
- word-spacing doesn't get adjusted properly in Safari HOT 1
- Not live update when resizing window
- Scroll up when resizing window
- Vertical spacing (line height) with BigText
- Font size is being set too large with embedded font face
- resize event is not properly calculating font size
- Initial text size wrong, but on resize it works HOT 1
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 bigtext.