如何制作自适应网站?

 时间:2026-02-14 01:56:42

1、运行PhpStorm工具,新建一个css文件/public/css/w.css,添加如下代码

@media screen and (max-width: 640px) {


}

如何制作自适应网站?

2、在PhpStorm工具中,打开dedecms网站的所有模板文件,添加css文件w.css的引用。

<link rel="stylesheet" type="text/css href="{dede:global.cfg_cmsurl/}/public/style/w.css" />

如何制作自适应网站?

3、在模板文件中,<head></head>的中间添加下面这样代码

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

如何制作自适应网站?

4、编辑/public/css/w.css样式文件,

@media screen and (max-width: 640px) 这段代码的大括号中写手机版样式

手机版样式书写完成,网站自适应手机访问就做好了。

如何制作自适应网站?

1、1、<head></head>之间添加代码: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

2、新建css样式,引入到各个模板中:<link rel="stylesheet" type="text/css href="{dede:global.cfg_cmsurl/}/public/style/w.css" />

3、在w.css中重写css样式,适应手机访问所需。

  • Windows2008R2中如何更改网络适配器设置?
  • 怎样解决WIN10计算机上网络和设备不可见问题?
  • 服务:[25]Remote Access Connection Manager
  • 电脑连着wifi电脑却上不了网怎么办
  • 电脑ipconfig无法使用怎么解决
  • 热门搜索
    重庆旅游景点介绍 江西旅游局 平顶山旅游网 虚拟旅游网站 广宁竹海大观旅游区 4月份去哪里旅游最好 漳州东山岛旅游景点 百度旅游攻略网 诸暨旅游景点大全 韩国旅游买什么最值