时间:2018-12-20 浏览量: 收藏
对于以前建的独立的PC网站,怎么将快速改为自适应网站呢?有以下几种方法:
单独制作手机网站版面,然后使用代码进行判断PC端还是手机端;
根据BOOTSTRAP教程,使用BOOTSTRAP框架制作自适应手机网站;
使用CSS的media来判断PC端还是手机端,从而应用不同的CSS样式;
这三种方法都可以实现自适应网站,对于一个老网站,最快速实现自适应网站的方法应该是第三个。
PC网站改为自适应网站的方法。
打开自己网站头部文件,一般是header.php,在<title>标签上面放以下的代码:
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black">
同样在网站头部文件,在</head>标签上面放以下的CSS引用代码,并且修改CSS的路径;
<link href="/mobile.css" type="text/css" rel="stylesheet" media="screen and (max-width:768px)">
在自己的网站CSS文件夹里,新建一个mobile.css,这个CSS就是控制手机站的样式的。
在mobile.css书写控制自己手机网站的CSS样式代码(自行书写)。
通过引用一个CSS文件,自动判断PC端还是手机端适用不同的CSS文件,实现快速将PC网站改为自适应网站,并且不会对原有的PC网站有任何影响。如果你是一个新网站,就不必这么麻烦了,直接学习自适应手机网站制作课程制作自适应网站。
RELATED RECOMMEND
2018-12-20
外贸网站提示用户是否接受cookie是因为cookie对网站及用户都有好处,但同时也可能对用户的隐私造成影响。Cookie是一种小型文档,由网站发送到用户的设备上,用于记录用户的行为和偏好,从而提供个性化的浏览体验。它们可以记录用户的登录状态、购物车信息等,以便用户下次访问时无需重新输入。同时,cookie还帮助网站分析用户行为,如页面浏览量、停留时间和点击次数等,为网站
2018-12-20
网站地图也称为站点地图。QY千亿国际可以将其理解为一个容器,其中包含网站中所有页面的链接。主要帮助搜索引擎快速抓取网站中的所有页面。很多新手可能对地图了解不够。今天我就详细说说制作Sitemap的好处,以及如何制作Sitemap地图? 1.什么是站点地图? 站点地图是一个列出网站上所有页面地址的文件。站点地图通常分为两种类型。一种是提交给搜索引擎,帮助引导搜索引擎抓取网站的所有页面。但是,不能保证每
2018-12-20
外贸网站的价值最重要的就是能给QY千亿国际带来客户和订单!不管是谷歌的优化还是谷歌的广告,最后的转化都是要依附于网站来实现的。那么怎么做一个好的外贸网站呢?1)选择合适的国外主机制作外贸网站,建议选用国外的主机,推荐:siteground大公司,既便宜且性价比还很高,一般需求的网站一年仅需几百元。2)公司的定位如果QY千亿国际计划做外贸网站,那么首先QY千亿国际要清楚QY千亿国际要搭建什么类型的外贸网站,对整个市场进行调研、国外