重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
w3c的html规范中有规定了引入css文件所针对的设备,可以通过在标签上添加media属性来指定所引入的css文件支持的设备,那针对手机这种移动设备,设置media属性值为"handheld"。示例代码如下:不过得注意:大部分的浏览器都有支持这个media属性,而小部分浏览器是不支持它的,那么如果想兼容所有的这些浏览器,建议还是为手机版本的网页单独做一套HTML和CSS,这样就不用支持pc的和支持移动终端的css写在一起然后用media来区分了。
专注于为中小企业提供成都网站设计、成都做网站、外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业额敏免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了1000+企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
打开网站根目录
进入static/image/mobile文件夹
mobile文件夹中有一个style.css,这个就是您要找的文件discuz手机触屏版的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端的网页在移动端上也能自动适配。