2 zzzcsd zzzcsd 于 2016.03.14 16:01 提问

手机浏览器实际上是把网页放大了?

一个div,设置宽度是20px,在电脑上,就是用20px来显示
在手机浏览器上,实际上,不止占用20px?

3个回答

showbo
showbo   Ds   Rxr 2016.03.14 16:25

head增加这个标签


<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />
zzzcsd
zzzcsd   2016.03.14 16:31
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>

我发现,添加了这个元数据之后,页面实际上是被放大了,为什么会这样呢?
哪位能解释一下

showbo
showbo 手机和电脑分辨率原本就不一样,你将你电脑分辨率改为800x600看看,肯定是变大了,显示屏大小一样,分辨率小了肯定是等比放大的
2 年多之前 回复
beacon_2011
beacon_2011   Rxr 2016.03.14 17:17

不是的,仍然是20px,只不过手机分辨率赶不上电脑,所以你看着好像大了

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
防止手机中查看网页分辨率很大,网页可以放大缩小的方法
最近做了微信平台的项目,微信中调用网页。     我把网页制作了全屏效果,电脑上可以缩放浏览器观看,也可以扩展浏览器查看。按理说,手机屏幕是小的,应该看到比较好的效果,但是手机上预览和电脑上预览一样,网页很长。     如何防止此类事件发生呢?    在Mobile页面上有提供viewport这个meta,可以用它来设置缩放。 但是在使用viewport之前要把页面的文档类型改成
手机浏览网页页面缩放
原文出处:http://blog.csdn.net/joyhen/article/details/43266927
阻止手机浏览器双击放大的方法
切图网在为一个项目提供h5微信上使用的小游戏开发的时候,设计到快速点击按钮来发电的游戏规则,所以用户需要不断的点击按钮来发更多的电量,这不断的点击会触发双击的动作,浏览器就放大了。为了这个问题百度了很多资料,下面是主流的解决方案。 ----------------- 现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大? 在Mobile页面上有提供viewport
手机浏览器禁止缩放
-
如何阻止移动设备(手机,pad)浏览器双击放大网页?
如何阻止移动设备(手机,pad)浏览器双击放大网页?
如何防止手机网页放大缩小
防止手机网页缩放是作为一个前端开发者的基本功,我们只需要使用meta标签,设置viewport属性如下:
禁止在手机浏览器中缩放
在页面head中加入禁止缩放
怎么让Android 浏览器焦点在文本输入框时不自动放大页面?
http://www.zhihu.com/question/20041793
手机浏览器点击input放大问题
最近在做一个html5页面功能,在电脑端开发好,用火狐,google浏览器访问都没有问题,用手机浏览器访问问题来了 点击输入项后,页面莫名的变大。晚上找了好多资料,大多是: meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
手机端如何阻止苹果浏览器输入框默认放大事件
今天遇到了苹果手机浏览器输入的时候,整个网页会放大,并且不会缩小,暂时还没有找到解决的办法,在继续找找 window.onload = function () { document.addEventListener('gesturestart', function (e) { e.preventDefault(); }); document.addEventListene