Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/iphone/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否有媒体查询缩放区域的视口大小?(iPhone)_Javascript_Iphone_Html_Css - Fatal编程技术网

Javascript 是否有媒体查询缩放区域的视口大小?(iPhone)

Javascript 是否有媒体查询缩放区域的视口大小?(iPhone),javascript,iphone,html,css,Javascript,Iphone,Html,Css,假设您正在开发一个1200px 1000px的网页。当你的一个测试用户抓紧网页时,比如说原始大小的50%,视口将是600px 500px 在这种情况下,当用户缩放50%,600px 500px时,是否会触发任何媒体查询?这两篇文章比我所看到的任何其他文章都更好地介绍了视口主题: 这两篇文章比我见过的任何其他文章都更好地介绍了视口主题: 不清楚您想要实现什么目标?如果允许缩放,则用户可以缩放到原始大小的50%。是否要以某种方式限制缩放?否,我想在网页缩放到特定级别时触发媒体查询。在本例中为60

假设您正在开发一个1200px 1000px的网页。当你的一个测试用户抓紧网页时,比如说原始大小的50%,视口将是600px 500px


在这种情况下,当用户缩放50%,600px 500px时,是否会触发任何媒体查询?

这两篇文章比我所看到的任何其他文章都更好地介绍了视口主题:


这两篇文章比我见过的任何其他文章都更好地介绍了视口主题:


不清楚您想要实现什么目标?如果允许缩放,则用户可以缩放到原始大小的50%。是否要以某种方式限制缩放?否,我想在网页缩放到特定级别时触发媒体查询。在本例中为600px 500px。我相信在iPhone上这样的缩放是在GPU端完成的,因此对网站显示的实际像素量没有影响。根据iOs文档(),视口的宽度是第一次设置的,safari在缩放时应用缩放因子(参见示例)这不会改变视口的大小。不清楚您想要实现什么?如果允许缩放,则用户可以缩放到原始大小的50%。是否要以某种方式限制缩放?否,我想在网页缩放到特定级别时触发媒体查询。在本例中为600px 500px。我相信在iPhone上这样的缩放是在GPU端完成的,因此对网站显示的实际像素量没有影响。根据iOs文档(),视口的宽度是第一次设置的,safari在缩放时应用缩放因子(参见示例)这不会更改视口的大小。