开发者

text doesn't show in mobile

Working on my test site - http://dev.nerdysyntax.com - and noticed on my Android certain text disappears. If you look at the "featu开发者_开发百科red" section on an Android or maybe another mobile device, it's not there and on some of my other pages as well.

Is it font sizing? Can't seem to find out why the text disappears.


Fyi...I checked on a Blackberry Curve and it shows.

My guess is that the Featured Work section appears in a div which is floated to the right and this is causing the problem.

Some mobile browsers handle floats in a weird way. Check that it is not just dropped down below the main content.

I would suggest you style your mobile content without floats and serve it via a special mobile stylesheet.


I have two possible solutions for you:

  1. Set a fallback font:

    #sidebar p {
        font-family: 'PTSansCaptionRegular', sans-serif;
    }
    
  2. Try removing float:right from #sidebar and add position:absolute and right:0

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜