locked
asp.net ipad design RRS feed

  • Question

  • User1805702908 posted

    I've tried several things, such as

    <meta name="viewport" content="width=device-width" /> within the head of the site master file, 
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
    	body{
    		//iPad body styles go here...
    	}
    	h1{
    		//iPad heading styles go here...
    	}
    }
    //Styles for all devices go here... ,

    and also
    <link media="only screen and (max-device-width: 480px)" href="small.css" type= "text/css" rel="stylesheet">
    <link media="only screen and (min-device-width: 481px) and (max-device-width: 1024px)" href="medium.css" type="text/css" rel="stylesheet">
    <link media="screen and (min-device-width: 1025px)" href="large.css" type="text/css" rel="stylesheet">
    <link media="print" href="print.css" type="text/css" rel="stylesheet">

    Nothing seems to work ... What am I doing wrong?

    I want my asp.net project to fit within each screen (ipad, ie, firefox, etc). Help!!

    Thursday, August 16, 2012 12:05 PM

Answers