1

Iphone、Ipad、およびデスクトップで実行される ASP.NET MVC アプリケーションを作成しました。iPhone でアプリケーションを実行しようとすると、デスクトップ スタイルが iPhone スタイルを上書きします。どうすればこれを回避できますか? 以下のように、ページの上部にデスクトップスタイルを配置しました。

 <link href="@Url.Content("~/Content/desktop.css")" rel="stylesheet" type="text/css" />
    <link type="text/css" rel="stylesheet"  href="@Url.Content("~/Content/jquery.mobile-1.0.min.css")" />
    <link type="text/css" rel="stylesheet"  href="@Url.Content("~/Content/mhome-style.css")" />
    <link type="text/css" rel="stylesheet"  href="@Url.Content("~/Content/bib.css")" />
    <link type="text/css" rel="stylesheet"  href="@Url.Content("~/Content/jplayer.blue.monday.css")" />

    @* Styles for Iphone *@
    <link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 320px) and (max-device-width: 480px)" href="@Url.Content("~/Content/iphone_portrait.css")" />
    <link type="text/css" rel="stylesheet" media="screen and (min-width: 321px) and (max-width: 480px)" href="@Url.Content("~/Content/iphone_landscape.css")" />
    @* Styles for Ipad *@
    <link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="@Url.Content("~/Content/ipad_portrait.css")" />
    <link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) " href="@Url.Content("~/Content/ipad_landscape.css")" />
4

1 に答える 1

1

私はasp.netについてあまり詳しくありませんが、デスクトップのスタイルシートに最小幅のメディアクエリを配置することで問題を解決できるようです。これにより、小さなデバイスにロードされなくなります。

于 2013-05-06T08:13:01.530 に答える