Hi

I am trying to get working css on mobile. I am testing on the j1 mini prime (4 inches screen size) Android browser.

The css is in the attached file.Click to view attachment

Click to view attachment The main file has been attached.

And what problem are you seeing?

Anyway, that style sheet shouldn't work in any browser because you have mixed HTML with CSS.





The STYLE tags are HTML. They are used with an embedded style block in a HTML page. In a linked style sheet you can only have CSS.

Setting a fixed height for BODY seems strange. And in the rule for max-width:500px you have used double units, 30%px. Anyway, 30px height, that's about the height of this smilie => . I don't think you want the page to be that small.

You mean max-width, not min-width, right?

Maybe you could explain what you want to accomplish? From your CSS and what you've said I get the impression you want a tiny bit of your page to show and everything else to be cut off.

You would. There's a property called overflow that decides what should happen with content there isn't room for. The default value is 'visible', which means he content will overflow the box it's in if it's too small. You can change that to 'overflow: hidden'. But it still won't work with BODY because BODY is special.

If you put a DIV inside BODY and put all content inside it and then apply the CSS to that DIV instead of to BODY it will work as you say you want it too. Only I don't think that's really what you want. What's the use of seeing a tiny part of a webpage?