手机网页Html代码实现(解决显示页面很小的问题)
2023-09-11 14:18:54 时间
手机网页Html代码实现(解决显示页面很小的问题)
其实主要就是改掉HTML页面声明:
在网页中加入以下代码,就可以正常显示了:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
解释:
width - viewport的宽度
height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
精简点的话,可以把上面的代码更改为以下代码,效果是一样的:
<meta content="width=device-width,user-scalable=no" name="viewport">
最后就是不要设置太大的具体宽度属性了,比如你在网页把Body的宽度属性设为1000px,这肯定是不行的了,但是可以设置为90%,这是屏幕自适应的。
来源:http://www.cnblogs.com/yc-755909659/p/3605214.html
相关文章
- Qt5.9使用QWebEngineView加载网页速度非常慢,问题解决
- JS实现点击网页判断是否安装App
- 搭建企业内部Discuz网页论坛,并内网穿透实现公网访问
- favico是针对网页图标内容更改
- .net mvc前台如何接收和解析后台的字典类型的数据 二分搜索算法 window.onunload中使用HTTP请求 网页关闭 OpenCvSharp尝试 简单爬虫
- 工作总结 @Html 辅助方法 为 生成的 标签设置元素属性 htmlAttributes 一个对象,其中包含要为该元素设置的 HTML 特性。
- Python 输出HTML实体字符(&#x***转html,html符号乱码,中文乱码)
- 【Vue/html】如何解决csdn下载网页后打开自动跳转登陆的问题(已解决)
- 在网页如何快速定位到项目的JSP
- 用html.parser抓网页中的超链接,返回list
- 【快应用】webview接口打开网页,网页会被自动放大,如何适配手机大小
- VBS脚本和HTML DOM自动操作网页
- 网页设计常用色彩搭配表 - 配色表
- 《HTML、CSS、JavaScript 网页制作从入门到精通》——导读
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》——1.3 网页设计的原则
- 《网页设计心理学》一2.2 网上求助的旁观者效应
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 导读
- 《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 2.4 页面注释标记
- 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.9 总结
- SwiftUI 实战之如何制作全屏幕网页浏览器(教程含源码)
- 微信公众号网页能够访问,但注册信息发送不到配置好的接口
- WEB前端大作业-简约风格装潢公司设计响应式网页模板(HTML JS CSS))
- 使用Python中的HTMLParser、cookielib抓取和解析网页、从HTML文档中提取链接、图像、文本、Cookies(二)(转)
- 纯html实现将网页页面分享到微信朋友圈添加缩略图图片的方法
- Unity 工具之 内嵌网页/浏览器 web view / browser 插件的整理大全(包括Window Mac Android iOS 等)
- amaya网页设计.
- 使用Chrome保存网页为mht文件
- 【HTML学习】——一个网页HTML编程的构成