如何制作自适应网站

 时间: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无法使用怎么解决
  • 热门搜索
    苹果id被禁用怎么办 怎样可以快速减肥 减肥小方法 上海迪士尼攻略 微信名字怎么加图案 重生六零幸福攻略 雷锋的故事简介 崩坏学园2攻略 好太太燃气灶怎么样 活动计划怎么写