-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
1 lines (1 loc) · 17.1 KB
/
index.html
1
<!doctype html><html class="theme-next mist use-motion" lang="zh-Hans"><head><meta name="generator" content="Hexo 3.9.0"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css"><link href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext" rel="stylesheet" type="text/css"><link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"><link href="/css/main.css?v=5.1.0" rel="stylesheet" type="text/css"><meta name="keywords" content="html,"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=5.1.0"><meta name="description" content="有时候可能你会发现在电脑上显示300x300大小的东西看起来很正常但是用手机去访问的话，就出现等比例缩小了但是300x300的大小完全不用缩小直接等大不是更好？在head加上这两行代码，可以做到原样输出12&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=Edge,chrome=1&quot;&gt;&lt;meta"><meta name="keywords" content="html"><meta property="og:type" content="article"><meta property="og:title" content="手机平板电脑原样显示html效果 - html知识"><meta property="og:url" content="http://hisen.me/20170208-手机平板电脑原样显示html效果-html知识/index.html"><meta property="og:site_name" content="HiSEN"><meta property="og:description" content="有时候可能你会发现在电脑上显示300x300大小的东西看起来很正常但是用手机去访问的话，就出现等比例缩小了但是300x300的大小完全不用缩小直接等大不是更好？在head加上这两行代码，可以做到原样输出12&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=Edge,chrome=1&quot;&gt;&lt;meta"><meta property="og:locale" content="zh-Hans"><meta property="og:updated_time" content="2017-02-08T13:16:24.000Z"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="手机平板电脑原样显示html效果 - html知识"><meta name="twitter:description" content="有时候可能你会发现在电脑上显示300x300大小的东西看起来很正常但是用手机去访问的话，就出现等比例缩小了但是300x300的大小完全不用缩小直接等大不是更好？在head加上这两行代码，可以做到原样输出12&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=Edge,chrome=1&quot;&gt;&lt;meta"><script type="text/javascript" id="hexo.configurations">var NexT=window.NexT||{},CONFIG={root:"/",scheme:"Mist",sidebar:{position:"left",display:"post"},fancybox:!0,motion:!0,duoshuo:{userId:"undefined",author:"博主"},algolia:{applicationID:"",apiKey:"",indexName:"",hits:"",labels:""}}</script><link rel="canonical" href="http://hisen.me/20170208-手机平板电脑原样显示html效果-html知识/"><title>手机平板电脑原样显示html效果 - html知识 | HiSEN</title></head><body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans"><script type="text/javascript">var _hmt=_hmt||[];!function(){var e=document.createElement("script"),t=(e.src="https://hm.baidu.com/hm.js?b07d1fdbffaa0ec43aa1c4de91884f1c",document.getElementsByTagName("script")[0]);t.parentNode.insertBefore(e,t)}()</script><div class="container one-collumn sidebar-position-left page-post-detail"><div class="headband"></div><header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="header-inner"><div class="site-meta"><div class="custom-logo-site-title"><a href="/" class="brand" rel="start"><span class="logo-line-before"><i></i></span> <span class="site-title">HiSEN</span> <span class="logo-line-after"><i></i></span></a></div><h1 class="site-subtitle" itemprop="description">Personal Technology Blog</h1></div><div class="site-nav-toggle"><button><span class="btn-bar"></span> <span class="btn-bar"></span> <span class="btn-bar"></span></button></div><nav class="site-nav"><ul id="menu" class="menu"><li class="menu-item menu-item-archives"><a href="/archives" rel="section"><i class="menu-item-icon fa fa-fw fa-archive"></i><br>归档</a></li><li class="menu-item menu-item-categories"><a href="/categories" rel="section"><i class="menu-item-icon fa fa-fw fa-th"></i><br>分类</a></li><li class="menu-item menu-item-tags"><a href="/tags" rel="section"><i class="menu-item-icon fa fa-fw fa-tags"></i><br>标签</a></li><li class="menu-item menu-item-booklist"><a href="/booklist" rel="section"><i class="menu-item-icon fa fa-fw fa-list-ol"></i><br>书单</a></li><li class="menu-item menu-item-about"><a href="/about" rel="section"><i class="menu-item-icon fa fa-fw fa-user"></i><br>关于</a></li><li class="menu-item menu-item-search"><a href="javascript:;" class="popup-trigger"><i class="menu-item-icon fa fa-search fa-fw"></i><br>搜索</a></li></ul><div class="site-search"><div class="popup"><span class="search-icon fa fa-search"></span> <input type="text" id="local-search-input"><div id="local-search-result"></div><span class="popup-btn-close">close</span></div></div></nav></div></header><main id="main" class="main"><div class="main-inner"><div class="content-wrap"><div id="content" class="content"><div id="posts" class="posts-expand"><article class="post post-type-normal" itemscope itemtype="http://schema.org/Article"><link itemprop="mainEntityOfPage" href="http://hisen.me/20170208-手机平板电脑原样显示html效果-html知识/"><span style="display:none" itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="name" content="hisenyuan"><meta itemprop="description" content><meta itemprop="image" content="/images/avatar.gif"></span><span style="display:none" itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="HiSEN"><span style="display:none" itemprop="logo" itemscope itemtype="http://schema.org/ImageObject"><img style="display:none" itemprop="url image" alt="HiSEN" src></span></span><header class="post-header"><h2 class="post-title" itemprop="name headline">手机平板电脑原样显示html效果 - html知识</h2><div class="post-meta"><span class="post-time"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="Post created" itemprop="dateCreated datePublished" datetime="2017-02-08T21:15:36+08:00">2017-02-08</time></span></div></header><div class="post-body" itemprop="articleBody"><p>有时候可能你会发现<br>在电脑上显示300x300大小的东西看起来很正常<br>但是用手机去访问的话，就出现等比例缩小了<br>但是300x300的大小完全不用缩小<br>直接等大不是更好？</p><p>在head加上这两行代码，可以做到原样输出<br></p><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"></span><br><span class="line"><meta name="viewport" content="width=device-width, initial-scale=1.0"></span><br></pre></td></tr></table></figure><p></p></div><div></div><div></div><footer class="post-footer"><div class="post-tags"><a href="/tags/html/" rel="tag"># html</a></div><div class="post-nav"><div class="post-nav-next post-nav-item"><a href="/20170208-如何检测Linux-VPS系统架构是Xen、KVM还是OpenVZ/" rel="next" title="如何检测Linux VPS系统架构是Xen、KVM还是OpenVZ"><i class="fa fa-chevron-left"></i> 如何检测Linux VPS系统架构是Xen、KVM还是OpenVZ</a></div><span class="post-nav-divider"></span><div class="post-nav-prev post-nav-item"><a href="/20170208-Hexo-Landscape主题JS优化，不使用谷歌CDN/" rel="prev" title="Hexo Landscape主题JS优化，不使用谷歌CDN">Hexo Landscape主题JS优化，不使用谷歌CDN <i class="fa fa-chevron-right"></i></a></div></div></footer></article><div class="post-spread"></div></div></div><div class="comments" id="comments"></div></div><div class="sidebar-toggle"><div class="sidebar-toggle-line-wrap"><span class="sidebar-toggle-line sidebar-toggle-line-first"></span> <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span> <span class="sidebar-toggle-line sidebar-toggle-line-last"></span></div></div><aside id="sidebar" class="sidebar"><div class="sidebar-inner"><section class="site-overview sidebar-panel sidebar-panel-active"><div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person"><img class="site-author-image" itemprop="image" src="/images/avatar.gif" alt="hisenyuan"><p class="site-author-name" itemprop="name">hisenyuan</p><p class="site-description motion-element" itemprop="description">Java R & D</p></div><nav class="site-state motion-element"><div class="site-state-item site-state-posts"><a href="/archives"><span class="site-state-item-count">266</span> <span class="site-state-item-name">日志</span></a></div><div class="site-state-item site-state-categories"><a href="/categories"><span class="site-state-item-count">33</span> <span class="site-state-item-name">分类</span></a></div><div class="site-state-item site-state-tags"><a href="/tags"><span class="site-state-item-count">112</span> <span class="site-state-item-name">标签</span></a></div></nav><div class="links-of-author motion-element"><span class="links-of-author-item"><a href="https://github.com/hisenyuan" target="_blank" title="GitHub"><i class="fa fa-fw fa-github"></i> GitHub </a></span><span class="links-of-author-item"><a href="http://weibo.com/hisenyuan" target="_blank" title="Weibo"><i class="fa fa-fw fa-weibo"></i> Weibo</a></span></div><div class="links-of-blogroll motion-element links-of-blogroll-inline"><div class="links-of-blogroll-title"><i class="fa fa-fw fa-globe"></i> Links</div><ul class="links-of-blogroll-list"><li class="links-of-blogroll-item"><a href="https://www.yuque.com/ruanyf/weekly" title="科技爱好者周刊" target="_blank">科技爱好者周刊</a></li><li class="links-of-blogroll-item"><a href="https://tech.meituan.com" title="美团技术团队" target="_blank">美团技术团队</a></li><li class="links-of-blogroll-item"><a href="http://duanple.com/?p=170" title="duanple(老师木)" target="_blank">duanple(老师木)</a></li><li class="links-of-blogroll-item"><a href="https://www.yinwang.org" title="当然我在扯淡(王垠)" target="_blank">当然我在扯淡(王垠)</a></li><li class="links-of-blogroll-item"><a href="http://nteswjq.blog.163.com" title="段永平的博客" target="_blank">段永平的博客</a></li><li class="links-of-blogroll-item"><a href="http://www.714.hk" title="梦殇国际" target="_blank">梦殇国际</a></li></ul></div></section></div></aside></div></main><footer id="footer" class="footer"><div class="footer-inner"><div class="copyright">© 2016 - <span itemprop="copyrightYear">2024</span> <span class="with-love"><i class="fa fa-heart"></i> </span><span class="author" itemprop="copyrightHolder">hisenyuan</span></div><div class="powered-by">由 <a class="theme-link" href="https://hexo.io">Hexo</a> 强力驱动</div><span id="busuanzi_container_site_uv">您是第 <span id="busuanzi_value_site_uv"></span> 个访问者 </span> | <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script><!- 51.la --><script>!function(t){"use strict";function e(){s.LA.ids.push(c)}var s=window,i=document,c=t,a="".concat("https:"===i.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),r=i.createElement("script"),i=i.getElementsByTagName("script")[0];r.type="text/javascript",r.setAttribute("charset","UTF-8"),r.async=!0,r.src=a,r.id="LA_COLLECT",c.d=r,s.LA?s.LA.ids&&e():(s.LA=t,s.LA.ids=[],e()),i.parentNode.insertBefore(r,i)}({id:"3Hvvge21myiW2jad",ck:"3Hvvge21myiW2jad",autoTrack:!0})</script><div class="theme-info">主题 - <a class="theme-link" href="https://github.com/iissnan/hexo-theme-next">NexT.Mist</a></div></div></footer><div class="back-to-top"><i class="fa fa-arrow-up"></i></div></div><script type="text/javascript">"[object Function]"!==Object.prototype.toString.call(window.Promise)&&(window.Promise=null)</script><script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.3/jquery.min.js"></script><script type="text/javascript" src="https://apps.bdimg.com/libs/fastclick/1.0.0/fastclick.min.js"></script><script type="text/javascript" src="https://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.js"></script><script type="text/javascript" src="https://cdn.bootcss.com/velocity/1.2.1/velocity.min.js"></script><script type="text/javascript" src="https://cdn.bootcss.com/velocity/1.2.1/velocity.ui.js"></script><script type="text/javascript" src="https://apps.bdimg.com/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script><script type="text/javascript" src="/js/src/utils.js?v=5.1.0"></script><script type="text/javascript" src="/js/src/motion.js?v=5.1.0"></script><script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.0"></script><script type="text/javascript" src="/js/src/post-details.js?v=5.1.0"></script><script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.0"></script><script type="text/javascript">var isfetched=!1,search_path="search.xml",path="/"+(search_path=0==search_path.length?"search.xml":search_path);function proceedsearch(){$("body").append('<div class="popoverlay">').css("overflow","hidden"),$(".popup").toggle()}var searchFunc=function(e,c,r){"use strict";$.ajax({url:e,dataType:"xml",async:!0,success:function(e){isfetched=!0,$(".popup").detach().appendTo(".header-inner");var t=$("entry",e).map(function(){return{title:$("title",this).text(),content:$("content",this).text(),url:$("url",this).text()}}).get(),e=document.getElementById(c),a=document.getElementById(r);e.addEventListener("input",function(){var p=0,h='<ul class="search-result-list">',u=this.value.trim().toLowerCase().split(/[\s\-]+/);a.innerHTML="",1<this.value.trim().length&&t.forEach(function(e){var a,c,t,r,n=!1,s=e.title.trim().toLowerCase(),o=e.content.trim().replace(/<[^>]+>/g,"").toLowerCase(),i=decodeURIComponent(e.url),l=-1;""!=s&&u.forEach(function(e,t){a=s.indexOf(e),c=o.indexOf(e),(0<=a||0<=c)&&(n=!0,0==t&&(l=c))}),n&&(p+=1,h+="<li><a href='"+i+"' class='search-result-title'>"+s+"</a>",i=e.content.trim().replace(/<[^>]+>/g,""),0<=l&&(e=l+80,(e=0==(t=(t=l-20)<0?0:t)?50:e)>i.length&&(e=i.length),r=i.substring(t,e),u.forEach(function(e){var t=new RegExp(e,"gi");r=r.replace(t,'<b class="search-keyword">'+e+"</b>")}),h+='<p class="search-result">'+r+"...</p>"),h+="</li>")}),h+="</ul>",0==p&&(h='<div id="no-result"><i class="fa fa-frown-o fa-5x" /></div>'),""==u&&(h='<div id="no-result"><i class="fa fa-search fa-5x" /></div>'),a.innerHTML=h}),proceedsearch()}})};$(".popup-trigger").click(function(e){e.stopPropagation(),0==isfetched?searchFunc(path,"local-search-input","local-search-result"):proceedsearch()}),$(".popup-btn-close").click(function(e){$(".popup").hide(),$(".popoverlay").remove(),$("body").css("overflow","")}),$(".popup").click(function(e){e.stopPropagation()})</script><script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script><script>AV.initialize("xHYsdhTdbcEW58Qv52aYKkQh-gzGzoHsz","L3rafXQHUnwDBfSL0KPuzHlT")</script><script>function showTime(e){var t=new AV.Query(e);$(".leancloud_visitors").each(function(){var n=$(this).attr("id").trim();t.equalTo("url",n),t.find({success:function(e){if(0==e.length)return t=$(document.getElementById(n)).text()+": 0",void $(document.getElementById(n)).text(t);var e=e[0],t=$(document.getElementById(n)).text()+": "+e.get("time");$(document.getElementById(n)).text(t)},error:function(e,t){console.log("Error: "+t.code+" "+t.message)}})})}function addCount(n){var e=$(".leancloud_visitors"),o=e.attr("id").trim(),i=e.attr("data-flag-title").trim(),e=new AV.Query(n);e.equalTo("url",o),e.find({success:function(e){var t;0<e.length?((e=e[0]).fetchWhenSave(!0),e.increment("time"),e.save(null,{success:function(e){$(document.getElementById(o)).find(".leancloud-visitors-count").text(e.get("time"))},error:function(e,t){console.log("Failed to save Visitor num, with error message: "+t.message)}})):(e=new n,(t=new AV.ACL).setPublicReadAccess(!0),t.setPublicWriteAccess(!0),e.setACL(t),e.set("title",i),e.set("url",o),e.set("time",1),e.save(null,{success:function(e){$(document.getElementById(o)).find(".leancloud-visitors-count").text(e.get("time"))},error:function(e,t){console.log("Failed to create")}}))},error:function(e){console.log("Error:"+e.code+" "+e.message)}})}$(function(){var e=AV.Object.extend("Counter");1==$(".leancloud_visitors").length?addCount(e):1<$(".post-title-link").length&&showTime(e)})</script><script>!function(){var t=document.createElement("script"),e=window.location.protocol.split(":")[0],e=(t.src="https"===e?"https://zz.bdstatic.com/linksubmit/push.js":"http://push.zhanzhang.baidu.com/push.js",document.getElementsByTagName("script")[0]);e.parentNode.insertBefore(t,e)}()</script></body></html>