配置移动端<meat>详解

最新推荐文章于 2022-03-10 18:43:39 发布
原创 最新推荐文章于 2022-03-10 18:43:39 发布 · 684 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#移动端

本文详细解析了移动端网页中视口<meta>标签的使用方法，包括width、initial-scale等属性的作用，以及如何通过这些设置实现页面自适应不同设备屏幕大小，保持页面布局的一致性和用户体验。

移动端详解


代码片.

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

content属性值 :
width:可视区域的宽度，值可为数字或关键词device-width(浏览器宽度)
height:同width
intial-scale:可视区域缩放级别，取值0-1则页面按实际尺寸显示，无任何缩放 以安卓为例1为360 0为1440
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
为0设备宽度将以实际像素1440 满屏显示 1为不缩放
user-scalable:是否可对页面进行缩放，no 禁止缩放 会根据body内容实际取屏幕

移动网页缩放。 meta name=“viewport maximum-scale知多少
小漠007的专栏
08-10 772
这个viewport熟悉有哪些，我们直接从文档可以查阅的到，也可以很清晰的明白它所表达的内容文档控制页面允许放大的倍数。设置一个低于3的值将不具备无障碍访问性。最小值是0.1。最大值是10。默认值为1。负值会被忽略。文档说最小值是0.1，其实我们可以设置0的。
图文并茂让你必须弄懂 viewport
卓越无关环境，保持空杯心态——靡不有初，鲜克有终
05-01 1900
PC端不需要关注viewport，只有移动端才需要关注视口的概念。 移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。 如果有这么一个页面，PC端显示如下，图片大...
移动端布局(二)关于视口
androidioskl的博客
12-31 1456
简单来说 <meta name="viewport" content="width=device-width,initial-scale=1.0">的解释 content属性值: width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale: 页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别， maximum-
移动端配置大全
智者劳心
03-10 424
解决移动端的问题大全
移动端项目配置
darksociety的博客
03-19 290
世上最全移动端项目配置vue多环境变量配置rem 适配方案Vuex 状态管理Axios 封装及接口管理VantUI组件按需加载 vue多环境变量配置 package.json 里的 scripts 配置 不同环境选下的不同命令， "scripts": { "serve": "vue-cli-service serve --open", "stage": "vue-cli-service build --mode staging", "build": "vue-cli-service build"
<?xml version="1.0" encoding="utf-8"?> <Defs> <ThingDef ParentName="ArtifactBase"> <defName>ShardAnimalPulser</defName> <label>shard animal pulser</label> <description>A one-use broad-wave psychic effector created from a dark archotech shard. The psychic pulse fills lower minds with terrifying imagery, driving all animals in the region into a manhunting rage. Animals currently under your control will not be affected.</description> <graphicData> <texPath>Things/Item/Artifact/ShardAnimalPulser</texPath> <graphicClass>Graphic_Single</graphicClass> </graphicData> <resourceReadoutPriority>Middle</resourceReadoutPriority> <stackLimit>1</stackLimit> <relicChance>1</relicChance> <tradeNeverStack>true</tradeNeverStack> <genericMarketSellable>false</genericMarketSellable> <tradeTags Inherit="False"> <li>UtilitySpecial</li> </tradeTags> <thingSetMakerTags Inherit="False"> <li>RewardStandardLowFreq</li> </thingSetMakerTags> <useHitPoints>true</useHitPoints> <statBases> <WorkToMake>19200</WorkToMake> <MaxHitPoints>60</MaxHitPoints> </statBases> <drawGUIOverlay>false</drawGUIOverlay> <recipeMaker> <researchPrerequisite>InsanityWeaponry</researchPrerequisite> <recipeUsers> <li>BioferriteShaper</li> </recipeUsers> <skillRequirements> <Crafting>6</Crafting> </skillRequirements> <displayPriority>110</displayPriority> <workSpeedStat>GeneralLaborSpeed</workSpeedStat> <workSkill>Crafting</workSkill> <effectWorking>Smith</effectWorking> <soundWorking>Recipe_Machining</soundWorking> <unfinishedThingDef>UnfinishedBelt</unfinishedThingDef> </recipeMaker> <costList> <Shard>1</Shard> <Bioferrite>75</Bioferrite> </costList> <comps> <li Class="CompProperties_Targetable"> <compClass>CompTargetable_AllAnimalsOnTheMap</compClass> <psychicSensitiveTargetsOnly>true</psychicSensitiveTargetsOnly> <doCameraShake>true</doCameraShake> <fleckOnTarget>PsycastPsychicEffect</fleckOnTarget> <fleckOnUsed>PsycastAreaEffect</fleckOnUsed> <fleckOnUsedScale>10</fleckOnUsedScale> <ignorePlayerFactionPawns>True</ignorePlayerFactionPawns> </li> <li> <compClass>CompTargetEffect_Manhunter</compClass> </li> <li Class="CompProperties_TargetEffect_GoodwillImpact"> <goodwillImpact>-200</goodwillImpact> </li> <li Class="CompProperties_UseEffectArtifact"> <sound>PsychicAnimalPulserCast</sound> </li> <li Class="CompProperties_UseEffectPlayWarmupSound"> <warmupSound>PsychicArtifactWarmupSustained</warmupSound> </li> </comps> </ThingDef> <ThingDef ParentName="ArtifactBase"> <defName>BiomutationPulser</defName> <label>biomutation pulser</label> <description>A one-use broad-wave psychic effector created from a dark archotech shard. The device creates a pulse that reshapes the musculature of every animal within the region, turning them into terrifying creatures. Animals currently under your control will not be affected.</description> <graphicData> <texPath>Things/Item/Artifact/BiomutationPulser</texPath> <graphicClass>Graphic_Single</graphicClass> </graphicData> <resourceReadoutPriority>Middle</resourceReadoutPriority> <stackLimit>1</stackLimit> <relicChance>2</relicChance> <tradeNeverStack>true</tradeNeverStack> <useHitPoints>true</useHitPoints> <genericMarketSellable>false</genericMarketSellable> <tradeTags Inherit="False"> <li>UtilitySpecial</li> </tradeTags> <thingSetMakerTags Inherit="False"> <li>RewardStandardLowFreq</li> </thingSetMakerTags> <statBases> <WorkToMake>19200</WorkToMake> <MarketValue>800</MarketValue> <MaxHitPoints>80</MaxHitPoints> </statBases> <drawGUIOverlay>false</drawGUIOverlay> <recipeMaker> <researchPrerequisite>MutationWeaponry</researchPrerequisite> <recipeUsers> <li>BioferriteShaper</li> </recipeUsers> <skillRequirements> <Crafting>6</Crafting> </skillRequirements> <displayPriority>120</displayPriority> <workSpeedStat>GeneralLaborSpeed</workSpeedStat> <workSkill>Crafting</workSkill> <effectWorking>Smith</effectWorking> <soundWorking>Recipe_Machining</soundWorking> <unfinishedThingDef>UnfinishedBelt</unfinishedThingDef> </recipeMaker> <costList> <Shard>1</Shard> <Bioferrite>40</Bioferrite> <Meat_Twisted>30</Meat_Twisted> </costList> <comps> <li Class="CompProperties_Targetable"> <compClass>CompTargetable_AllAnimalsOnTheMap</compClass> <psychicSensitiveTargetsOnly>true</psychicSensitiveTargetsOnly> <doCameraShake>true</doCameraShake> <fleckOnUsed>PsycastAreaEffect</fleckOnUsed> <fleckOnUsedScale>10</fleckOnUsedScale> <ignorePlayerFactionPawns>True</ignorePlayerFactionPawns> </li> <li Class="CompProperties_UseEffect"> <compClass>CompUseEffect_SpawnFleshbeastFromTargetPawns</compClass> </li> <li Class="CompProperties_TargetEffect_GoodwillImpact"> <goodwillImpact>-200</goodwillImpact> </li> <li Class="CompProperties_UseEffectArtifact"> <sound>PsychicAnimalPulserCast</sound> <warmupEffecter>BiomutationPulserWarmup</warmupEffecter> <effecterOnUsed>BiomutationPulserUsed</effecterOnUsed> </li> <li Class="CompProperties_UseEffectPlayWarmupSound"> <warmupSound>BiomutationPulserWarmup</warmupSound> </li> </comps> </ThingDef> </Defs>逐行解释
最新发布
07-18
<Meat_Twisted>30</Meat_Twisted> </costList> ``` - 多了 30 单位“扭曲肉”。 #### 使用效果组件 ```xml <comps> <li Class="CompProperties_UseEffect"> <compClass>CompUseEffect_...
<!DOCTYPE html> <html lang="en"> <head> <meat charset="UTF-8"> <title>文龙劝学</title> </head> <body> 滚去学习！！！！！ 就现在！！！ </body> </html>
03-13
<title>文龙劝学 - 开源之路</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f9; } .container { width: 80%; margin: auto; overflow: ...
如何编写代码将D盘RSNA/data/train文件夹中的npy文件转换xml标签格式，最后xml文件为“<annotation> <folder>notnormal</folder> <filename>651181f3-a39a-4526-82d3-95d76f94e1f8.png</filename> <path>D:\RSNA\data\negative\notnormal\651181f3-a39a-4526-82d3-95d76f94e1f8.png</path> <source> <database>Unknown</database> </source> <size> <width>1024</width> <height>1024</height> <depth>1</depth> </size> <segmented>0</segmented> <object> <name>feiyan</name> <pose>Unspecified</pose> <truncated>0</truncated> <difficult>0</difficult> <bndbox> <xmin>624</xmin> <ymin>139</ymin> <xmax>706</xmax> <ymax>235</ymax> </bndbox> </object> </annotation>",其中npy文件只含有image和bboxs键
04-25
- `<annotation>`：根节点。 - `<folder>`：图像所在的文件夹名。 - `<filename>`：图像文件名。 - `<path>`：图像的绝对路径。 - `<source>`：源信息。 - `<size>`：图像尺寸信息。 - `<segmented>`：是否分段标记...
如何编写代码将D盘RSNA/data/train文件夹中的npy文件转换xml标签格式，根据npy含有的数据类型生成最后xml文件为“<annotation> <folder>notnormal</folder> <filename>651181f3-a39a-4526-82d3-95d76f94e1f8.png</filename> <path>D:\RSNA\data\negative\notnormal\651181f3-a39a-4526-82d3-95d76f94e1f8.png</path> <source> <database>Unknown</database> </source> <size> <width>1024</width> <height>1024</height> <depth>1</depth> </size> <segmented>0</segmented> <object> <name>feiyan</name> <pose>Unspecified</pose> <truncated>0</truncated> <difficult>0</difficult> <bndbox> <xmin>624</xmin> <ymin>139</ymin> <xmax>706</xmax> <ymax>235</ymax> </bndbox> </object> </annotation>“的形式
04-25
name_elem.text = 'meat' # 假设类别名为'meat' pose_elem = SubElement(object_elem, 'pose') pose_elem.text = 'Unspecified' truncated_elem = SubElement(object_elem, 'truncated') truncated_elem....
十：移动端适配配置
qq_24892029的博客
09-17 779
1：移动端首先最重要的是一个meta <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> 在所有要做的移动端页面head 里，都需要加入该meta，然后是需要用到的插件： 2：安装插件 npm install postcss-aspect-ratio-mini postcss-write-svg postc
为了适配移动端，项目中必写的meat头部
m0_61487366的博客
12-07 210
H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 当然还有其他的meat头部，但是通常主要写这个！ ...
移动端项目要配置的东西
Wrj6811的博客
05-04 299
1.视口（viewport） <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scaleable=no"> 2.点击响应延迟 3 毫秒 原因：为了检查用户是否在做双击。为了能够立即响应用户的点击事件...
移动端基础设置
qq_43151638的博客
12-09 327
一、移动端 1、窗口设置 meta标签：视口信息： <meta name="viewport" content=" "/> content: …width:物理设备里能够显示的页面像素，默认980 …width:device-width; …intial-scale:设置页面初始缩放值，默认为1 …minimum-scale:最小缩放 …maximum-scale:最大缩放 …use...
移动端常用设置
weixin_34306593的博客
06-26 160
1.强制竖屏浏览 x5-orientation 2.强制全屏显示 x5-fullscreen 3. uc 全屏显示 screen -orientation 4,禁止电话和邮箱 5.font boosting 7.fixed 方法一： 头部根据html来定位，但是会有回弹 ios的body 的overflow问题 一般把内容包一层 8.新老fl...
<mate name="viewport">移动端设置详解
akx95428的博客
12-06 600
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 1.width=device-width //应用程序的宽度和屏幕的宽度是一...
从移动端的配置说起
weixin_34198762的博客
12-02 629
出了什么问题 大多数客户端都有远程配置的功能和需求，项目规模由小到大以后，对客户端动态配置的需求就会迅速增加。就会出现新的问题和需求。 配置项逐渐增多，配置内容大小逐步增大 客户端版本逐渐曾多，版本之间的配置差异较大，配置管理混乱，牵一发而动全身 运营和产品对业务配置的需求逐渐增加，需要有独特的配置关联逻辑 配置不断庞大，下发到客户端的时候需考虑流量问题 配置服务端考虑并发问题 配置动态下发，...
meta——viewport
qiotn的专栏
03-10 642
meta——viewport<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">1.width=device-width //应用程序的宽度和屏幕的宽度是一
移动端html头部设置
hugejihu9的专栏
10-19 2119
文章来自：源码在线https://www.shengli.me/css/82.html   代码：  
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值