android wap网站自动适应

news/2024/5/9 9:45:06/文章来源:https://blog.csdn.net/weixin_33736649/article/details/94729476

 做个整理。


研究了一下新浪的wap网站,发现原来我们的head存在着这样的差异……
<%@page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta name="viewport" content="width=device-width; initial-scale=1.4;  minimum-scale=1.0; maximum-scale=2.0"/>
<meta name="MobileOptimized" content="240"/>
</head>

在手机网站的head里加入以下标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

其中:
      width - viewport的宽度 

height - viewport的高度 

initial-scale - 初始的缩放比例
      minimum-scale - 允许用户缩放到的最小比例 //嘎嘎,终于知道我们的网站为什么不能缩小了,哈哈,原来我们缩放的最少比家里就是我们的默认比例啊……wap网站屏幕自适应的问题
      maximum-scale - 允许用户缩放到的最大比例
      user-scalable - 用户是否可以手动缩放



===========

供大家参考,如果大家有好的方法请留言。



转载于:https://www.cnblogs.com/wuwa/archive/2013/06/06/6191644.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_733802.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何打造一个安全满分网站

继上一篇《如何打造一个全满分网站》之后&#xff0c;这一次我们来谈谈如何打造一个在安全方面也能打满分的网站。因为对于一个网站来讲&#xff0c;仅有功能是不够的&#xff0c;还需要考虑性能&#xff0c;仅有性能也不够&#xff0c;还需要考虑安全。 由于网站安全方面涉及因…

干货|NLP、知识图谱教程、书籍、网站、工具……(附资源链接)

from&#xff1a;https://baijiahao.baidu.com/s?id1608257842684702878&wfrspider&forpc 来源&#xff1a;人工智能头条 本文多资源&#xff0c;建议阅读收藏。 本文整理了关于 NLP 与知识图谱的众多参考资源&#xff0c;涵盖内容与形式非常丰富。 [ 导读 ]本文作…

十年建站老司机带你十分钟搭建网站

本文概要&#xff1a; 1. 域名 域名注册 域名备案 域名解析绑定 2. 服务器 虚拟主机 windows服务器 linux服务器 3. CMS建站系统 4. 总结 在如今互联网发展迅速猛进的大环境下&#xff0c;网站已经成为一个企业不可缺少的网络媒介。但网站开发行业鱼龙混杂&a…

windows Server 2008 R2 IE增强安全配置正在阻止来自下列网站的内容

1、在windows Server 2008 R2上访问百度&#xff0c;会出现以下界面 当在Windows Sever 2008 R2中运动IE8的时候会发现默认情况下IE启用了增强的安全配置&#xff0c;为了方便而且是在内网的情况下我们可以关闭IE8的增强安全配置&#xff0c;操作很简单如下步骤。 2、进行关闭安…

为什么说企业的发展离不开网站建设?

现在是互联网科技时代&#xff0c;企业要发展好多都离不开网络推广&#xff0c;那网络推广自然就离不开网站建设。那么&#xff0c;下面就“为什么说企业的发展更离不开网站建设呢&#xff1f;”话题进行详细分析&#xff1a; 1.展示产品信息 企业网站是为了推广一个平台&…

svn服务器会用到哪些端口_SEO学习笔记(二):如何拓展网站关键词呢?拓展关键词会用到哪些工具呢?...

写这篇文章之前&#xff0c;我问自己&#xff1a;“为什么要做网站呢&#xff1f;为什么要做SEO呢&#xff1f;”&#xff0c;思考了半天&#xff01;我认为&#xff0c;我们做网站优化无非就是想要把网站关键词做上首页,尽量的扩大网站的曝光度,以及覆盖度。可是要获得高流量&…

JSP网站开发基础总结《八》

JSP的学习总结到本篇已经八篇了&#xff0c;内容比较多&#xff0c;但都是实战&#xff0c;本篇最后为大家介绍一个小效果&#xff1a;百度分页。就是当我们遍历的数据对象较多时&#xff0c;这时我们就会看到了这个效果了&#xff0c;那他是如何实现的呢&#xff1f;下面我们就…

淘宝、天猫、腾讯网站系统架构

淘宝、天猫、腾讯网站系统架构 (2016-06-02 17:19:12)前言 一个成熟的大型网站(如淘宝、天猫、腾讯等)的系统架构并不是一开始设计时就具备完整的高性能、高可用、高伸缩等特性的&#xff0c;它是随着用户量的增加&#xff0c;业务功能的扩展逐渐演变完善的&#xff0c;在这个…

robots.txt SEO 与搜索引擎

懂一点SEO的人都知道&#xff0c;在SEO网站优化中robots.txt文件的编写直接影响网站优化的成果。正所谓&#xff0c;细节决定成败&#xff0c;robots.txt文件要怎么写&#xff1f;今天小刚seo就花一点时间&#xff0c;专门为大家献上史上最详细的robots文件的写法解析。 一、为…

视频网站中video标签中的视频资源以blob:http呈现的探索

一、问题场景 想下载知乎视频资源&#xff0c;却发现视频链接是这个样子的 blob:https://v.vzuu.com/b6146956-6e52-406d-8909-f3f1b81ae461 当时一脸懵比啊 ~难道blob:https是什么牛逼的新协议&#xff1f;于是进行了一番探索 二、探寻结论 结论就是blob:https并不是一种协议…

Java集群--大型网站是怎样解决多用户高并发访问的

Java集群--大型网站是怎样解决多用户高并发访问的时间过得真快&#xff0c;再次登录博客园来写博&#xff0c;才发现距离上次的写博时间已经过去了一个月了&#xff0c;虽然是因为自己找了实习&#xff0c;但这也说明自己对时间的掌控能力还是没那么的强&#xff0c;哈哈&#…

LAMP架构部署和动态网站环境的配置

实验环境&#xff1a;操作系统&#xff1a;centos 7.5服务器IP&#xff1a;192.168.10.5运行用户&#xff1a;root连接工具&#xff1a;xshell工具web环境&#xff1a;Linuxapachephpmariadb&#xff08;LAMP架构&#xff09; 大型动态应用系统平台主要是针对于大流量、高并发网…

web前端开发项目资源网站,私家珍藏!

1.CodePen&#xff1a; http://codepen.io/ 网站里有很多很酷的特效&#xff0c;而且可以看到效果的源代码&#xff0c;也可以看到实现效果&#xff0c;是一个非常不错的前端开发学习资源网站。 这个是CodePen网站里的一个效果的源码截图&#xff0c;是不是很酷呀&#xff01; …

前端学习网站

gotoandlearn.com 一个很棒的视频教程网站 CodePlayer: http://thecodeplayer.com/ 它的优点是 你可以看到作者是怎样一个个字母把代码打出来的… Codepen: http://codepen.io/ 这里面有很多很酷的特效&#xff0c;而且你还能看到它们的源代码. CSSdeck: http://cssdeck.com…

认识动态网站

之前做项目&#xff0c;做的前端。第一个项目的时候蠢的来(థ౪థ)σ根本不明白前后端有什么联系&#xff0c;所以正好跟着这波纳新的同学学一下后端&#xff01;ヾ(◍∇◍)&#xff89;&#xff9e; 主要区分动态网站和静态网站&#xff1a; 动态网站用PHP开发&#xff…

网站SEO优化

1、SEO&#xff08;Search Enginner Optinazition&#xff09;与 SEM&#xff08;Search Enginner Market&#xff09; SEM比如&#xff1a;百度浏览器搜东西出来的前几个广告&#xff0c;是花钱的 而SEO是为了提高网站排名但是不花钱 2、权重&#xff1a; 权重越大&#x…

大型网站技术架构(一)大型网站架构演化

2019独角兽企业重金招聘Python工程师标准>>> 看完了有一本书&#xff0c;就应该有所收获&#xff0c;有所总结&#xff0c;最近把《大型网站技术架构》一书给看完了&#xff0c;给人的印象实在深刻&#xff0c;再加上之前也搞过书本上讲的反向代理和负载均衡以及ses…

利用dns解析来实现网站的负载均衡

当网站的访问量大了就会考虑负载均衡&#xff0c;这也是每一个架构师的基本功了&#xff0c;其基本地位就相当于相声里的说学逗唱&#xff0c;活好不好就看这个了 :) 传统的负载均衡思路是单点的&#xff0c;不管你是硬件的还是软件的基本都是这样的原理 对于一般的需求来说&a…

谷歌搜关键字找网站漏洞合集

天前谷歌地址 https://g.alexyang.me/到GoogLe,搜索一些关键字,edit.asp?韩国肉鸡为多,多数为MSSQL数据库!2,到Google,site:cq.cninurl:asp3,利用挖掘鸡和一个ASP木马.文件名是login.asp路径组是/manage/关键词是went.asp用oror来登陆4,这个应该N多人都搞过吧。。关键字&#…

网站信息量大,该采用分页式设计还是瀑布流滚动设计?

当页面内容信息很多时&#xff0c;设计上应该使用分页&#xff0c;还是 瀑布流 无限滚动的方式呢&#xff1f;今天这篇好文详细分析了各大信息流网站&#xff08;谷歌、Pinterest、淘宝&#xff09;的做法&#xff0c;列举了这两种方式的优缺点和适用场景。一篇精悍简练的干货文…