写手机网页在head上面加这句话避免显示问题

最新推荐文章于 2021-06-03 02:09:24 发布
最新推荐文章于 2021-06-03 02:09:24 发布
阅读量556 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39205291/article/details/79346896
版权 
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta charset="utf-8">
<meta name="viewport"
      content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
qq_39205291
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
移动开发手机网页制作精辟源码
08-22
Android、iPhone、Windows.Phone移动开发手机网页制作精辟源码
手机页面head中的meta元素
weixin_30383279的博客
11-07 65
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="cache-control" content="no-cache"> 清除浏览器中的缓存，它和其它几句合起来用，就可以使你再次进入曾经访...
手写一个手机网页
u014330950的博客
11-23 622
1、添加viewport标签 2、禁止将数字变为电话号码 3、iphone设备中的safari私有meta标签 4、iphone的私有标签 手机网站     body{font-size:62.5%;font-family:"Microsoft YaHei",A
手机端head部分
weixin_34049032的博客
01-26 185
<!doctype html> <html lang="zh"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" ...
手机网页怎么编写？
weixin_34117211的博客
06-28 801
现在的互联网，可以说是名副其实的移动互联网。大家不仅可以利用无线网卡随处随地上网，还可以直接利用手机浏览网页、下载文件，而且现在的无线运营商也正在大力发展无线网络、扩展手机上网带宽。于是，手机网页的制作需求也变多了。这篇文章就简单的介绍一下制作手机网页的基础知识。 首先，如果想制作wap网页，先要确定你的wap站的版本，是wap1.2还是wap2.0。只有先确定好这个内容，...
修复网页在IE8 下的显示兼容问题
12-02
IE8在默认情况下是使用全新的标准模式（Standard Mode）显示引擎来显示网页。 如果网页代码还没有标准化， 在IE8下可能会显示不正常。 重写网页代码使之标准化的工作量很大，需要长时间慢慢修复。 一个简单快捷的...
以HTML网页实例说明head区代码的意思
12-12
举例熟悉网页的头部信息表示涵义 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><!–文档类型–><html><head><meta ...
Dreamweaver 一句话技巧集萃
09-24
11. **保存与预览**：在预览网页之前，先保存一下，有时这能解决预览问题。 12. **浏览器兼容性转换**：如果你的页面使用了CSS或Java Applet，谨慎使用“文件”>“转换”>“3.0浏览器兼容”命令，因为它可能会删除...
html+css写的手机商城网页项目
10-18
在这个“手机商城网页项目”中，我们主要探讨的是如何使用HTML、CSS以及少量JavaScript来创建一个功能基础且具有视觉吸引力的移动端网站。HTML（HyperText Markup Language）是网页内容的基础结构语言，而CSS...
网页版的在手机上显示 head中加上这段代码
dianlupeng4187的博客
10-24 252
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> 转载于:https://www.cnblogs.com/wssdx/p/7928111.html
移动端头部head标签
我的米饭
10-09 867
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和
编写手机信息页面流程
lucky_yan99的博客
03-10 388
手机信息页面 1.先建一个新的项目，并给它重命名。   2.为编写代码做好准备工作。           将所需要的八个图标复制到res/drawable文件夹下      创建一个垂直的线性布局，并在线性布局中创建4个相对布局        在相对布局中添加相应的TextView      3.编写手机页面的主要代码，如图所示： 4.编写抽取样式的代码，为了代码
移动端head需要设置的meta属性
zerofine的专栏
01-21 1056
width：就是让文档以手机屏幕的宽度为100%来缩放css的比例； initial-scale：页面初始缩放比例； maximum-scale：页面最大缩放的程度 minimum-scale：页面最小的缩放比例； user-scalable：是否允许用户缩放； minimal-ui：ios7出来的新特性，可以去掉导航栏（还没有验证ing~~）
移动前端不得不了解的html5 head 头标签
01-07 342
本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签。 移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML 头部标签功能，特别是meta标签显得非常重要。   DOCTYPE DOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使
用HTML和css写的界面适应手机界面小结
xiguabanhua的博客
08-11 7124
用html和css写得页面要适应各种手机屏幕的话，写的时候要注意以下几点： 整体页面的宽度用百分之比表示，任意一个要设置宽度的元素都用百分比表示。比如在整体的上设 width:100%; 要适应各个手机，在头部加入以下几段代码： <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1
html写前端手机页面,前端编写手机兼容页面（简易方式）
weixin_42443651的博客
06-03 2602
HTMLCSSHTML5CSS3前端编写手机兼容页面(简易方式) 这两天开始编写手机页面，作为类似官网一样的使用，因为实在手机端访问的web端，没有做过尝试，而且由于手机的种类很多，导致兼容性要求很高，在网上找了一些教程，制作完毕后决定分析给大家。先给大家看下成品效果图：这就是手机访问之后的样子了，那具体怎么做好兼容，又能省事省力呢，我从网上找到了这个框架：直接百度：ydui...
手机端页面在项目中遇到的一些问题及解决办法（持续更新）
weixin_34360651的博客
06-05 1245
1.解决页面使用overflow: scroll在iOS上滑动卡顿的问题? 首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是： (1) 看是否能把body和html的height: 100%去除掉。 (2) 在滚动的容器中增加：-webkit-overflow-s...
自己第一次做手机web页面的一些总结
热门推荐
ylg01的博客
05-22 1万+
开发的第一个手机web应用的一些经验
帮我写一个在网页中显示模拟手机界面的代码
最新发布
05-05
以下是一个简单的示例代码，可以在网页中显示模拟手机界面： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>模拟手机界面</title> <style> body { margin: 0; padding: 0; background-color: #f2f2f2; } .phone { width: 360px; height: 640px; margin: 50px auto; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border-radius: 20px; overflow: hidden; position: relative; } .phone:before { content: ''; display: block; position: absolute; top: 20px; left: 20px; right: 20px; height: 50px; background-color: #ccc; border-radius: 10px; } .phone:after { content: ''; display: block; position: absolute; top: 90px; left: 20px; right: 20px; height: 500px; background-color: #f2f2f2; border-radius: 10px; } .phone .screen { width: 100%; height: 100%; position: absolute; top: 90px; left: 20px; right: 20px; bottom: 20px; background-color: #fff; overflow: hidden; } .phone .screen iframe { width: 100%; height: 100%; border: none; border-radius: 10px; } </style> </head> <body> <div class="phone"> <div class="screen"> <iframe src="https://www.baidu.com"></iframe> </div> </div> </body> </html> ``` 这个示例代码中，我们使用了 HTML、CSS 和少量 JavaScript，来实现一个模拟手机界面。其中，我们使用了伪元素 `:before` 和 `:after` 来模拟手机的上方和下方的区域，使用了 `border-radius` 属性来使其变得圆角。在中间的区域中，我们使用了一个 `iframe` 元素来嵌入一个网页。你可以根据自己的需要，修改 CSS 样式和嵌入的网页地址来实现自己想要的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值