Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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
Html 所有浏览器都支持的缩放选项_Html_Css_Mobile_Zooming - Fatal编程技术网

Html 所有浏览器都支持的缩放选项

Html 所有浏览器都支持的缩放选项,html,css,mobile,zooming,Html,Css,Mobile,Zooming,我目前正在制作一个静态的原型瞄准具(比如,当屏幕尺寸缩小到480像素时,瞄准具不会相应地调整其元素)。事实上,我不想看到的是有反应的,我想让它像apple.com那样表现。苹果网站是一个放大的网站概览,允许用户放大他/她想要的内容。每当我的视线被加载到iphone上时,它就会被放大到网站的一角。当我将zoom.5应用于css时,它会像我在IE和chrome中希望的那样缩小,但在Firefox中不会。显然,这是一个主要问题,因为firefox是一款非常流行的浏览器,我很难找到替代品。如果有人能提供

我目前正在制作一个静态的原型瞄准具(比如,当屏幕尺寸缩小到480像素时,瞄准具不会相应地调整其元素)。事实上,我不想看到的是有反应的,我想让它像apple.com那样表现。苹果网站是一个放大的网站概览,允许用户放大他/她想要的内容。每当我的视线被加载到iphone上时,它就会被放大到网站的一角。当我将zoom.5应用于css时,它会像我在IE和chrome中希望的那样缩小,但在Firefox中不会。显然,这是一个主要问题,因为firefox是一款非常流行的浏览器,我很难找到替代品。如果有人能提供任何数量的替代方案(甚至使用javascript),我们将不胜感激。

这很容易。。。 只需使用老式的像素测量值来完成所有代码
没有任何东西会调整大小,也不会有任何响应

如果我理解正确,您需要设置视口元

将以下内容添加到站点的
标题
部分:

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

这将设置初始缩放以适应整个页面,同时允许用户随意缩放