Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net mvc 4 MVC4中移动web应用程序的Css?_Asp.net Mvc 4 - Fatal编程技术网

Asp.net mvc 4 MVC4中移动web应用程序的Css?

Asp.net mvc 4 MVC4中移动web应用程序的Css?,asp.net-mvc-4,Asp.net Mvc 4,这听起来可能很基本,但我有一个问题,因为这将是我的第一个MVC应用程序,对于移动设备也是如此 如何为手机浏览器设计css?我是否需要为不同的宽度创建单独的CSS,或者有办法为移动页面的不同宽度创建通用CSS 因为针对不同宽度的手机使用不同的css会让我丧命。我想你需要看看CSS3媒体查询 这里有如下选项: @media screen and (max-width: 980px) /* Tablet screen */ 可能的重复请对CSS媒体查询和响应设计进行一些研究,您将发现大量资源(详

这听起来可能很基本,但我有一个问题,因为这将是我的第一个MVC应用程序,对于移动设备也是如此

  • 如何为手机浏览器设计css?我是否需要为不同的宽度创建单独的CSS,或者有办法为移动页面的不同宽度创建通用CSS

因为针对不同宽度的手机使用不同的css会让我丧命。

我想你需要看看CSS3媒体查询

这里有如下选项:

@media screen and (max-width: 980px) /* Tablet screen */

可能的重复请对CSS媒体查询和响应设计进行一些研究,您将发现大量资源(详细)告诉您如何使用一个CSS文件来实现这一点,您不必专门针对每个可能的设备。