如何制作自适应网站

 时间:2024-10-12 00:26:43

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" conte荏鱿胫协nt="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) 这段代码的大括号中写手机版样式。手机版样式书写完成,网站自适应手机访问就做好了。

如何制作自适应网站
  • Windows2008R2中如何更改网络适配器设置?
  • 怎样解决WIN10计算机上网络和设备不可见问题?
  • 服务:[25]Remote Access Connection Manager
  • 电脑连着wifi电脑却上不了网怎么办
  • 电脑ipconfig无法使用怎么解决
  • 热门搜索
    法律伴我行手抄报 手抄报的边框 绿色上网手抄报 五年级手抄报 手抄报排版 环境手抄报内容 中秋节手抄报花边 知法懂法守法手抄报 中学生安全手抄报 校园文明礼仪手抄报