在浏览器端调试时页面和移动手机端页面的宽度大于手机屏幕宽度

html页面使用《meta》标签控制

一般，我们使用<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">标签
其中各个含义

name="viewport"字面上的意思是可视窗口界面的含义
content="width=device-width"我们可以理解为浏览器的可视虚拟窗口界面的宽度等于我们移动设备的界面宽度
initial-scale=1初始化缩放值为1，即不缩放
maximum-scale=1最大缩放值是1，即不缩放
minimum-scale=1最小缩放值是1，即不缩放
user-scalable=no/0用户是否可以缩放，no和0都代表不可以缩放，其实设置用户是否可缩放就可以不设置最大和最小的缩放了

按照以上设置就可以适配屏幕的大小了

页面宽度超过浏览器调试屏幕或手机屏幕宽度相关推荐

无法进入页面，且浏览器调试界面-＞Timing报CAUTION:request is not finished yet!
问题:无法进入页面,且浏览器调试界面->Timing报CAUTION:request is not finished yet! 解决:可能是进入页面的方法哪里错了,建议查一下,有可能不小心改到了 ...
相机拍的图，电脑上画的图，word里的文字，电脑屏幕，手机屏幕，相机屏幕显示大小一切的一切都搞明白了！...
相机拍的图,电脑上画的图,word里的文字,电脑屏幕,手机屏幕,相机屏幕显示大小一切的一切都搞明白了! 先说图片 X×dpi=点数dot X是图片实际尺寸,简单点,我们只算图片的高吧,比如说拍了张图片 ...
bootstrap实现导航栏的响应式布局，当在小屏幕、手机屏幕浏览时自动折叠隐藏
<!DOCTYPE html> <html> <head> <title>bootstrap实现导航栏的响应式布局,当在小屏幕.手机屏幕浏览时自动折叠隐 ...
怎么让图片铺满手机屏幕_手机屏幕密码忘了怎么解锁
现在基本智能手机居多,无论什么牌子都可以设置屏幕密码,但是现在什么都要密码,导致密码太多,一时记不住,下面为大家介绍手机屏幕密码忘了怎么解锁. 手机屏幕密码忘了怎么解锁步骤1.在关机状态下同时按住[ ...
怎么连接屏幕_手机屏幕坏了也可以操作？这办法学会了再不怕碎屏
如今智能手机对屏幕的工艺要求可以说精益求精,.刘海屏.水滴屏.全面屏.曲面屏--到越来越火的折叠屏.然而它们也都逃不过手滑落地碎屏的命运可能,这些屏幕维护的成本也相当高,加之智能手机推陈出新的速度越来 ...
web实现电脑屏幕和手机屏幕适应
web实现手机屏幕适应需要实现的效果: 排行榜web显示: 赛程报道web显示: 排行榜手机显示: 赛程报道手机显示:
Android手机接入usb屏幕失灵,手机屏幕失灵了怎么办？安卓手机屏幕失灵解决方法...
手机屏幕失灵了怎么办呢?手机屏幕失灵的情况,相信有些朋友会遇到,那么要怎么解决呢?下文小编就为大家带来手机屏幕失灵的解决方法,有需要的朋友可以来下文了解下哦~ 手机屏幕失灵解决方法: 方法一: 1.关 ...
android 屏幕闪烁,手机屏幕闪烁怎么办
手机屏幕闪烁怎么办手机屏幕闪烁怎么办?Android手机屏幕总是不停闪烁,让我帮忙看看怎么回事.其实这是常见的手机屏幕故障.那么手机屏幕闪烁是什么原因呢?有些是因为设置产生的,有些是由于屏幕质量的问 ...
mysql数据显示手机屏幕_手机屏幕数据汇总
为方便大家查找我们测试过的手机屏幕详细参数,我们将这些数据进行了一个大致的整理,第一部分为OLED屏机型各数据的对比汇总.第二部分为LCD屏机型各数据的对比汇总.第三部分为OLED屏各机型的详细数据. ...

页面宽度超过浏览器调试屏幕或手机屏幕宽度

html页面使用《meta》标签控制

页面宽度超过浏览器调试屏幕或手机屏幕宽度相关推荐

最新文章

热门文章