博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
pc网页适配手机移动端的简单实现
阅读量:4671 次
发布时间:2019-06-09

本文共 660 字,大约阅读时间需要 2 分钟。

1.在网站的头部代码head区域添加一句代码

`
` width=1600的数值取决于你网站的主体内容宽度,如果你不清楚就直接写1600,因为一般网站的主体内容不会超过1600。

2.添加js来完成ios系统的支持

`if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {        //add a new meta node of viewport in head node        head = document.getElementsByTagName(‘head’);        viewport = document.createElement(‘meta’);        viewport.name = ‘viewport’;        viewport.content = ‘target-densitydpi=device-dpi, width=’ + 1600 + ‘px, user-scalable=no’;        head.length > 0 && head[head.length - 1].appendChild(viewport); }`它只是一种临时、有效的解决方案,不能真正的做到把pc的网站在手机下变成一个手机版网站,它可以让原本pc的网站在上手机下能够正常显示,不至于错位或者乱掉。

转载于:https://www.cnblogs.com/FElxy/p/9292632.html

你可能感兴趣的文章
简单几步让CentOS系统时间同步
查看>>
Host aggregate分区
查看>>
Windows服务器上使用phpstudy部署PHP程序
查看>>
[唐胡璐]QTP框架 - 关键字驱动测试框架之三 - 对象库管理
查看>>
zoj 2112 树状数组 套主席树 动态求区间 第k个数
查看>>
4538: [Hnoi2016]网络
查看>>
186. [USACO Oct08] 牧场旅行
查看>>
一个屌丝程序猿的人生(三十九)
查看>>
Linux常用命令
查看>>
Spring之@Configuration配置解析
查看>>
Windows操作系统远程Linux服务器传输文件方法(以EasyDSS云平台、EasyNVR上传部署为例)...
查看>>
pip安装第三方库以及版本
查看>>
一、app更新提示后台接口开发-(2)数据库表设计
查看>>
利用data-src属性 更换图片
查看>>
Spring(3)
查看>>
SSM整合 mybatis多条件查询与分页
查看>>
VS2010中dumpbin工具的使用
查看>>
使用Golang搭建web服务
查看>>
HTML5触摸事件(touchstart、touchmove和touchend)
查看>>
架构师软技能之协商(上)
查看>>