在制作网站的时候，很多人都为要做电脑版模板，也要做手机版模板而发愁，其实是可以通过css编写自适应的样式，实现电脑网站自适应手机访问，那要怎么操作呢？接下来小编就演示操作步骤。
工具/原料
PhpStorm2016.3.2
dedecms5.7utf8PC网站
方法/步骤
1、运行PhpStorm工具，新建一个css文件/public/css/w.css，添加如下代码：@mediascreenand(max-width:640px){}
2、在PhpStorm工具中，打开dedecms网站的所有模板文件，添加css文件w.css的引用。<linkrel="stylesheet"type="text/csshref="{dede:global.cfg_cmsurl/}/public/style/w.css"/>
3、在模板文件中，<head></head>的中间添加下面这样蜣贺鱿柢代码。<metaname="viewport"conte荏鱿胫协nt="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
4、编辑/public/css/w.css样式文件，在@mediascreenand(max-width:640px)这段代码的大括号中写手机版样式。手机版样式书写完成，网站自适应手机访问就做好了。
