网页宽度自动适应手机屏幕宽度的实现代码
一般的写法如下：
<meta name="viewport" content="initial-scale=1.0">
较多的写法：
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
在网页的<head>中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。
其中：
width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例
minimum-scale=0.5：表示最小的缩放比例
maximum-scale=2.0：表示最大的缩放比例
user-scalable=yes：表示用户是否可以调整缩放比例
如果是想要一打开网页，则自动以原始比例显示，并且不允许用户修改的话，则是：
代码如下:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
这样子写后，就可以把一些页头横幅等的图片的宽度都设置成style="width:100%"，整个页面在设备上看起来就是全屏的了。
本文章由新概念互动原创，如没特殊注明，转载请注明来自：http://www.jianzhan0.com/zhishi/49118.html
-
热点文章
- 2017-11-08做响应式网站为什么收费贵
- 2019-01-14网站建设这些禁忌一定要避免
- 2017-11-08深色系网页设计需注意哪些要点？
- 2017-11-09企业如何通过网络带来订单？
- 2017-11-09几款常见的FTP软件的二进制设置方法
- 2017-11-20网站建设的排版经验
- 2017-11-09移动互联网专业词语词汇查询工具大全
- 2019-01-14随机URL生成器
- 2019-01-14做好SEO优化提升网站排名的方法
- 2019-01-14网站占领了市场的主要营销力
- 2019-01-14网站制作入门常识 新手看过来
- 2018-04-09网站制作中站点的概念
- 2019-01-14打造完美网站制作重要的四大部分
- 2019-01-14“只带一台手机上街”的app生活模式 你造吗？
-
最新文章
- 2024-03-22公司网站制作都有哪些成本支出？
- 2024-03-22公司网站制作需要多少钱？
- 2022-10-09网站维护都要做哪一些工作
- 2022-10-09怎么运营网站才可以少走弯路？
- 2022-10-09公司怎样样维护对浏览器兼容性非常重要？
- 2022-10-09网页布局和版面的设计要点
- 2022-10-09空间域名怎样备案
- 2022-10-09网站开发中怎么降低网站被挂风险
- 2022-10-09公司网站开发中关键词布局的四点技巧
- 2022-10-09想要改版一个网站都须要做哪一些准备工作下
- 2022-10-09服务器远程无法连接由哪一些原因导致的呢
- 2022-10-09网站做好了为啥以后每年还要续费？
- 2022-10-09linux关于mysql数据库的一些操做命令
- 2022-10-09微网站打开新式营销方法 刻不容缓
