首页 > 其他分享 >移动端踩坑

移动端踩坑

时间:2023-11-17 16:13:48浏览次数:27  
标签:scale const designWidth content width 移动 viewport

1、窗口等比例缩放

const designWidth = 375
const scale = document.documentElement.clientWidth/designWidth
let viewport = document.querySelector('meta[name='viewport']')
let content = 'width=device-width' + ',initial-scale=' + scale +  ',minimum-scale=' + scale +
',maximum-scale=' + scale +  ',user-scalable=no'
viewport.setAttribute('content', content) 

  

  

  

  

  

 

 

  

标签:scale,const,designWidth,content,width,移动,viewport
From: https://www.cnblogs.com/JC30705/p/17838985.html

相关文章

  • 移动硬盘安装Ubuntu
    说明​ 由于学业需要,自己需要一个Ubuntu系统,但不想在原本容量就不多的硬盘上再一次分区来制作双系统,同时如果使用虚拟机来达到双系统的目的也未尝不可。但在虚拟机上的系统调用到GPU的话,就不得不涉及到穿透的各项问题,由于自己人菜还懒,觉得这过于麻烦,不如直接制作一个外接的系统。......
  • MV移动和CP复制
    mv基本概述mv命令来自英文单词”move“的缩写,中文译为”移动“,其功能与英文含义相同,能够用于对文件进行剪切和重命名操作。这是一个被高频使用的文件管理命令,我们需要留意它与复制命令的区别。cp命令是用于文件的复制操作,文件个数是增加的,而mv则为剪切操作,也就是对文件进行移动(......
  • vi移动光标的常用快捷键
    点击查看代码1、h:光标左移一个字符2、k:光标上移一个字符3、j:光标下移一个字符4、l:光标右移一个字符5、0:光标移至行首6、$:光标移至行尾7、H:光标移至屏幕首行8、M:光标移至屏幕中间9、L:光标移至屏幕最末行10、G:跳转到文件的末尾行11、gg:跳转到文件的首行......
  • WPF动画之移动淡出淡入
    publicvoidShowAnimation(){//动画时间varduration=newDuration(TimeSpan.FromSeconds(0.3)); //移入vardoubleAnimation=newDoubleAnimation{Duration=duration,To=0......
  • [Unity3D]检测鼠标点击角色移动
    学习工具Unity3D学习内容如何检测鼠标点击移动角色自己的理解原理:通过检测鼠标的光线投射(Raycast)是否与地面碰撞(RaycastHit),再检测鼠标左键(Input.GetMouseButton(0))是否点击,如果两个都符合则执行移动方法源代码如下:privateboolInteractWithMovement(){Raycas......
  • ElementUI的Dialog弹窗实现拖拽移动功能
    在项目中使用el-dialog中发现不能够拖拽移动,因此网上找了相关资料,使用自定义指令实现拖拽功能。1、创建自定义指令:新建文件directive/el-drag-dialog/index.jsimportdragfrom"./drag";constinstall=function(Vue){Vue.directive("el-drag-dialog",drag);};if(wind......
  • 【转载】按照文件名创建文件夹,并把文件移动到对应文件夹中
    @echooff&cd/d"%~dp0"&modeconlines=5000rem按照文件名创建文件夹,并把文件移动到对应文件夹中set#=Anyquestion&set_=WX&set$=Q&set/az=0x53b7e0b4title%#%+%$%%$%/%_%%z%for/f"delims="%%ain('dir/a-d-h/b')do(if......
  • Windows下如何快速移动MySQL/MariaDB数据库文件
    近期遇到一个要迁移数据库的问题,用户说不希望数据库文件存在于C盘。查了一下资料,这里做个总结。这个方法适用于MySQL和MariaDB。 步骤如下:1、停止数据库服务2、将数据库移动到需要迁移的路径3、修改安装路径data目录下的my.ini文件4、将 datadir=xxx改成需要迁移的路径5......
  • 浅谈移动端GPU架构
    【USparkle专栏】如果你深怀绝技,爱“搞点研究”,乐于分享也博采众长,我们期待你的加入,让智慧的火花碰撞交织,让知识的传递生生不息!一、前言本文是关于TBR、TBDR和IMR三种不同的GPU架构的学习和总结,希望可以帮助到大家理解这些概念。前置概念现有的GPU架构主要分为以下三类:Imm......
  • GEE数据集——2019、2020、2021、2022和2023年全球固定宽带和移动(蜂窝)网络性能Shapefi
    全球固定宽带和移动(蜂窝)网络性能¶全球固定宽带和移动(蜂窝)网络性能,分配给缩放级别16网络墨卡托图块(赤道处约610.8米x610.8米)。数据以Shapefile格式和ApacheParquet格式提供,其几何形状以众所周知的文本(WKT)表示,投影在EPSG:4326中。下载速度、上传速度和延迟是通过......