怎样编写只有手机浏览器支持的css呢？

html-css016

怎样编写只有手机浏览器支持的css呢？,第1张

w3c的html规范中有规定了引入css文件所针对的设备，可以通过在标签上添加media属性来指定所引入的css文件支持的设备，那针对手机这种移动设备，设置media属性值为"handheld"。示例代码如下：不过得注意：大部分的浏览器都有支持这个media属性，而小部分浏览器是不支持它的，那么如果想兼容所有的这些浏览器，建议还是为手机版本的网页单独做一套HTML和CSS，这样就不用支持pc的和支持移动终端的css写在一起然后用media来区分了。

首先将css写入一个单独的样式文件，比如style.css，

然后在所有需要此样式的页面导入此样式

如楼上的说法：<link rel="stylesheet" type="text/css" href="mystyle.css">

现在很多网站为了让页面基本样式风格统一，都会创建一个默认的样式表，这个样式表会在所有页面载入，相当于页面初始化样式的意思，先导入默认样式表，然后每个页面再根据自身的不同导入自身独特的样式

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<head>标签中，输入meta代码：<meta name="viewport" content="width=device-width, initial-scale=1">。

3、浏览器运行index.html页面，此时PC端的网页在移动端上也能自动适配。