How to add CSS files for different platform devices? [closed]


Tags: html,css,html5

Problem :

I am developing mobile website in Eclipse tool(no plugins were used). It must support android,*blackberry*,ios,*windows* mobiles. I have five html files. Do i need to have seperate CSS files for each device & for each html files. Which would be optimistic method of adding CSS files?

And will all the 4 platform accept same set of codes or do i need to have any specific code/functions for different devices?

what is the height specifying format(i.e. px,em,%) to be used, so that webpage can get adjusted to different mobile screen sizes?



Solution :

What would be the reason for different stylesheets? if you use media queries with good break points you should be just fine using one stylesheet.

The optimum units to use would be em and %.


    CSS Howto..

    How to create a circle with divided borders in CSS and Javascript?

    How to set HTML table cell to inherit its size?

    How to make a slider with divs and variable width?

    How to reduce responsively the height of images in the flexbox layout to fit window height?

    How can I display a list in an x by y fashion?

    How to use Segoe Print font in CSS?

    How to align image within nested div<> with spaces in div names

    show hidden div below current row of divs in responsive layout with jquery

    How to glue the text of multiple divs together?

    How can I hide page elements till an AJAX call completes?

    How to make certain text not selectable with CSS [duplicate]

    how to make a list float left or not according to the size of the browser?

    How do I center my logo image to another div in CSS horizontally and vertically?

    How can I change the color of this text?

    Adding css resource to a QuickTip in ExtJS not showing

    How can I hide text in this jquery slider?

    how to display three text fields on one line

    How can I add an external stylesheet to a UIWebView in Xcode?

    How can I have multiple jQuery button styles on one page?

    How do I get this ul li dropdown menu to show on hover with jquery or javascript?

    How to do CSS nth-child in span tags?

    How to position one element relative another using CSS/jQuery

    How to set variables in LESS from a dynamic website?

    How to style QTableView CSS

    How to make Flexbox span multiple lines?

    Looping through my table, how do I know if the checkbox is checked?

    How can I configure this gulpfile the right way to have a nice workflow

    How to make iframe use all height available to it

    How to create equal height columns in pure CSS [duplicate]

    How to style an image created using javaScript