Question

网页中如何做到缩放后屏幕后内容不受变化

例子如下网站：http://robinmastromarino.com/

这种效果是通过什莫效果实现的。
通过ctrl加滑轮进行缩放 不变化。

Answer 1

1、加上这个标签：<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">（这个标签只是必要条件）
2、灵魂：宽高用百分比
3、如果不是用框架做的话要写好三个端（pc、平板、移动端）的缩放比例样式

Answer 2

在html中添加这个标签属性
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

Answer 3

建议你这样试试看：

1.  添加meta标签：<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
2.  样式通过css3的新属性vw、vh写宽高，参考网站中保持不变的内容是图片，文字的大小是有改变，如果希望文字大小也不改变，通过可以通过vw限制字体大小，比如：font-size: 1vw;

Answer 4

您好，您可以采纳下这个地方里面讲解的内容哦：网页链接 望采纳谢谢。

Answer 5

图片是通过获取屏幕值的大小来修改的，文字那些就是设置一个响应式可以设置字体的大小，可以不变也可以变