Coder Social home page Coder Social logo

BigText not working on iPhone about bigtext HOT 11 CLOSED

zachleat avatar zachleat commented on September 28, 2024
BigText not working on iPhone

from bigtext.

Comments (11)

jjroelofs avatar jjroelofs commented on September 28, 2024

For me bigtext also fails to do anything on iphone. Has anyone had success on iphone?

from bigtext.

rickpbaker avatar rickpbaker commented on September 28, 2024

I still haven't been able to find a solution either. Hoping someone else might have.

from bigtext.

fheidenreich avatar fheidenreich commented on September 28, 2024

Are there any news on that issue? I'm also trying BigText within MobileSafari with no effect.

Thanks. Florian

from bigtext.

yumyo avatar yumyo commented on September 28, 2024

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.

zachleat avatar zachleat commented on September 28, 2024

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.

mdarby avatar mdarby commented on September 28, 2024

Sad to say that even with width:90%, bigtext doesn't seem to work in portrait nor landscape mode..

from bigtext.

mdarby avatar mdarby commented on September 28, 2024

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.

mdarby avatar mdarby commented on September 28, 2024

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.

cliffordp avatar cliffordp commented on September 28, 2024

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.

cliffordp avatar cliffordp commented on September 28, 2024

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.

zachleat avatar zachleat commented on September 28, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    šŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ā¤ļø Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.