来自GitHub上的手机meta标签

最新推荐文章于 2023-05-23 15:58:03 发布
最新推荐文章于 2023-05-23 15:58:03 发布
阅读量277 收藏
点赞数
分类专栏： 微信页面 文章标签： 微信 H5 github 
<!-- 设置缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
<!-- 可隐藏地址栏，仅针对IOS的Safari（注：IOS7.0版本以后，safari上已看不到效果） -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 仅针对IOS的Safari顶端状态条的样式（可选default/black/black-translucent ） -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -->
<meta name="format-detection"content="telephone=no, email=no" />


<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 --><!--微信端H5页面无效--> 
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">

<!-- 每5秒刷新一次页面 -->
<meta http-equiv="refresh" content="5">

移动端页面横竖屏CSS样式控制

内部CSS

@media screen and (orientation: portrait) {

   /*竖屏 css*/

}

@media screen and (orientation: landscape) {

  /*横屏 css*/

}

引用外部CSS样式

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"><!--竖屏-->

<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"><!--横屏-->

  H5页面对横屏，竖屏的监听 

 

 

<body onorientatiοnchange="updateOrientation();">

function updateOrientatio(){
 if(window.orientation == 90){
   //转动操作
 }else if(window.orientation == 0){
   //转动操作
 }
}

 

 

 

 


 
 


                

        

        

    




    

      

        

            

              
                
                  ActioN七度
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
fuangyian.github.io：MyGithub

				
			

			

				

					02-15
				

			

		

		

			
				
8. **SEO优化**：为了提高搜索引擎可见性，个人主页可能还包含元标签（如`<meta>`标签），用于描述网页内容，提高搜索引擎排名。  9. **静态站点生成器**：除了纯HTML/CSS/JS，用户也可能使用Jekyll、Hugo、Gatsby等...

			
		

	



                

              
                



	

		

			

				
					
envchen.github.io

				
			

			

				

					02-14
				

			

		

		

			
				
9. **响应式设计**：现代网站需要对不同设备和屏幕尺寸有良好的适应性，因此，可能使用媒体查询和灵活布局确保envchen.github.io在手机、平板和桌面电脑上有良好显示。  10. **自动化工具**：可能使用自动化工具如...

			
		

	



                


  
              

                


	

		

			

				
					
手机端特有的Meta标签

				
			

			

				

					zll105847174的专栏
				

				

					08-27
					
					543
					
				

			

		

		

			
				
1、

 

网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。



说到移动平台meta标签，那就不得不说一下viewport了，那么什么是viewport呢？


viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域





			
		

	





	

		

			

				
					
手机常用meta标签-有注释

				
			

			

				

					weixin_34309435的博客
				

				

					11-23
					
					123
					
				

			

		

		

			
				
<!-- 设置字体编码 -->
    <meta charset="UTF-8">
    <!-- 视图窗口，移动端特属的标签。 -->
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,u...

			
		

	



		

			
		



	

		

			

				
					
移动端meta标签

				
			

			

				

					一只会喊666的咸鱼的博客
				

				

					08-13
					
					153
					
				

			

		

		

			
				
meta标签有很多作用，通常能够帮我们解决意想不到的问题，合理的配置meta标签很有必要！

以下内容皆来自网络，仅供参考！

各大网站移动端网页配置如下：

一：天猫


<title>天猫触屏版</title> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">     
...

			
		

	





	

		

			

				
					
手机端meta标签汇总

				
			

			

				

					2shou
				

				

					09-16
					
					813
					
				

			

		

		

			
				
meta指元素可提供有关页面的元信息（meta-information），
比如针对搜索引擎和更新频度的描述和关键词。 
标签位于文档的头部，不包含任何内容。 
标签的属性定义了与文档相关联的名称/值对。


手机端特有的有哪些？
     
     
     



第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不

			
		

	





	

		

			

				
					
手机网站  meta标签的介绍

				
			

			

				

					web小宝——要自学成才
				

				

					12-11
					
					502
					
				

			

		

		

			
				
一、


网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。  
   
width - viewport的宽度 height - viewport的高度   
initial-scale - 初始的缩放比例  
minimum-scale - 允许用户缩放到的最小比例   
maximum-scale - 允许用户

			
		

	





	

		

			

				
					
hurjunhwa.github.io

				
			

			

				

					04-22
				

			

		

		

			
				
【描述】"网站设计来自，源代码来自的" 这个描述似乎不完整，但我们可以推测 Hurjunhwa 的网站设计可能是原创的，而源代码也公开在 GitHub 上，遵循开源精神，让其他开发者可以查看、学习甚至贡献代码。GitHub 上的...

			
		

	





	

		

			

				
					
pefki.github.io

				
			

			

				

					03-14
				

			

		

		

			
				
7. **响应式设计**：考虑到现代网站需要适应不同设备的屏幕尺寸，pefki.github.io可能运用了媒体查询（media queries）和弹性布局（flexbox或grid）等技术实现响应式设计，确保在手机、平板和桌面电脑上都能良好显示...

			
		

	





	

		

			

				
					
ryanatkinson22.github.io

				
			

			

				

					02-12
				

			

		

		

			
				
6. **Git版本控制**：由于项目来自GitHub，可能包含`.git`目录，这是Git版本控制系统的一部分，用于追踪和管理代码的更改。  7. **静态网站生成器**：如果项目使用了Jekyll、Hugo等静态网站生成器，它们会将Markdown...

			
		

	





	

		

			

				
					
github.apk

				
			

			

				

					12-26
				

			

		

		

			
				
github 安卓版

			
		

	





	

		

			

				
					
移动端meta标签常用设置以及作用

				
			

			

				

					weixin_60641464的博客
				

				

					08-28
					
					656
					
				

			

		

		

			
				
<!-- 1.设置当前html文件的字符编码 -->

  <meta charset="UTF-8">

  <!-- 2.设置浏览器的兼容模式 (让IE使用最新的浏览器渲染) -->

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <!-- 3.
    width：视口的宽度，width=device-width：宽度是设备的宽度
    initial-scale：初始...

			
		

	





	

		

			

				
					
h5手机网页的meta标签

				
			

			

				

					vcxiaohan的博客
				

				

					06-21
					
					773
					
				

			

		

		

			
				
http://blog.csdn.net/cui55/article/details/41822339


习惯的格式：



    
    
    
    
    test

    
        * {margin: 0; padding: 0;}
        body, html {
            width: 100%;
            heig

			
		

	





	

		

			

				
					
几个手机网站Meta标签的使用

				
			

			

				

					whaxrl的专栏
				

				

					03-21
					
					1305
					
				

			

		

		

			
				
1、天猫
 

天猫触屏版 
     
             
     
     
     


 
 
2、淘宝
 
淘宝网触屏版












 
 
3、京东
 
 京东 - 手机版 




 
 
4、网易
 
手机网易网





 
5、百度
 




 
 
文章转载自：    手机网站Meta的使用

			
		

	





	

		

			

				
					
GitHub Stars 秒破万，Meta 开源能识别 4000 种语言、生成 1000 多种语音大模型！

				
			

			

				

					AI科技大本营
				

				

					05-23
					
					1293
					
				

			

		

		

			
				
整理 | 屠敏出品 | CSDN（ID：CSDNnews）和 OpenAI、Google 分道扬镳，Meta 在开源大模型方向上越走越深。今日，Meta 在 GitHub 上再次开源了一款全新的AI 语言模型——Massively Multilingual Speech (MMS，大规模多语种语音)，它与 ChatGPT 有着很大的不同，这款新的语言模型可以识别 4000多种口头语言并生成 1...

			
		

	





	

		

			

				
					
移动端常用的meta标签

				
			

			

				

					初漾的博客
				

				

					09-25
					
					1157
					
				

			

		

		

			
				
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black" name="apple-mobil

			
		

	





	

		

			

				
					
HTML5中几种meta标签的含义及使用（含移动端）

				
			

			

				

					刘鹏博的博客
				

				

					12-26
					
					6558
					
				

			

		

		

			
				
1、
这是指定双核浏览器，默认以何种方式渲染页面。


//默认webkit内核
//默认IE兼容模式
//默认IE标准模式而 webkit|ie-comp|ie-stand 这种写法，跟font-family的规则类似，按照顺序排他的优先级，不支持则往下，浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页。目前支持对其提供支持的浏览器有:360
2、
这是一个文档兼容

			
		

	





	

		

			

				
					
Android 7.0安装apk

				
			

			

				

					github_2011的博客
				

				

					07-04
					
					6562
					
				

			

		

		

			
				
在做应用版本更新的时候使用Android 7.0的手机测试发现一个问题:下载完成安装包之后,不能跳转到安装界面,使用7.0以下的手机没遇到这种情况。
对于面向 Android 7.0 的应用，Android 框架执行的 StrictMode API 政策禁止在您的应用外部公开 file:// URI。
如果一项包含文件 URI 的 intent 离开您的应用，则应用出现故障，并出现 FileUr

			
		

	





	

		

			

				
					
Android UI相关开源项目库汇总

				
			

			

				

					weixin_30765577的博客
				

				

					05-02
					
					2831
					
				

			

		

		

			
				
最近做了一个Android UI相关开源项目库汇总，里面集合了OpenDigg上的优质的Android开源项目库，方便移动开发人员便捷的找到自己需要的项目工具等，感兴趣的可以到GitHub上给个star。
抽屉菜单

MaterialDrawer★7337 - 安卓抽屉效果实现方案
Side-Menu.Android★3865 - 创意边侧菜单
FlowingDrawer★174...

			
		

	





	

		

			

				
					
手机上安装github代码

					
最新发布

				
			

			

				

					10-07
				

			

		

		

			
				
手机上安装github代码有以下两种方法：
1. 使用git客户端应用程序。你可以在手机上下载并安装git客户端应用程序，例如Gitfox、OctoDroid、Pocket Git等。这些应用程序提供了与GitHub仓库进行交互的功能，你可以浏览、克隆、推送和拉取代码等操作。
2.＊＊＊仓库并进行代码编辑。你可以在手机上打开这些在线编辑器，然后在浏览器中登陆你的GitHub账号，即可编辑和管理代码。



			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值