当前位置: 土豆网络 > 建站教程 > 网站修改

现有织梦老pc网站如何修改网站模板为自适应手机

更新日期:2021-04-22

现有织梦老pc网站如何修改网站模板为自适应手机端屏幕,有以下几种方法:

工具/技能

编辑器:notepad++、dw等

技能:html、css熟练

方法/步骤

1、打开自己网站头部文件,在head标签中添加代码:

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

2、修改css文件加入手机端显示的css样式就可以了

元素在pc端宽度为1440px,在css文件中加入手机端样式:@media (max-width: 640px){中间为css样式代码},

.container {

    width: 1440px;

    margin: 0 auto;

    position: relative;

}

@media (max-width: 640px)

.container {

    width: 100%;

    padding: 0 6%;

}

从网页的上面到下面依次给每个元素添加手机端样式代码,使用媒体查询功能让网页在不同屏幕尺寸展示不同的样式@media (max-width: 640px){中间为css样式代码},max-width: 640px为最大屏幕宽度640的时候显示的样式。

网站建设如何避免版权侵权

建站后如何修改模板和图片

污水处理设备网站修改案例

个人素材网站修改方案文档

陶瓷品牌排行网站修改文档

织梦网站怎么修改公司简介以及联系我们

如何修改公司网站上的公司地址

怎么修改网站源代码

如何修改网站字体和图片大小?

网站上线后如何修改前端代码和内容

怎样对自己公司网站上的文章文字修改病句

织梦网站如何修改底部微信二维码图片

织梦dede手机网站模板怎么修改?

网站在线客服在哪里修改?怎么修改?

现有织梦老pc网站如何修改网站模板为自适应手

微信二维码
微信二维码
联系电话
18629025956