页面放大或者缩小样式会发生改变，有没有好的解决方案？

Question

页面放大或者缩小样式会发生改变，有没有好的解决方案？

最近制作一个pc页面，死活要求页面放大缩小样式不能乱，怎么解释都不行，咬死一定要放大缩小样式不变，没办法，查了很多资料，都没有满意的解决方案

有没有大佬知道比较好的解决方案的，据我所知这根本没法实现，有没有解决的呢？

Answer 1

没有好办法，想完全不变样不太可能。

Answer 2

只要你不用响应式布局，不就是等比放大缩小吗？

Answer 3

我觉得倒不是不能实现，就看能不能接受：

1. Translate：保证样式不会100%变化。但是放大缩小到极端情况可能会失真。
   把它限制在一个DIV里面(假设100px; css: min-width: 100px; max-wdith: 100px;).
   在注册监听事件onresize, 计算屏幕宽度跟100的值，获得比值设置DIV的translate。这是一个方向更复杂的需求根据实际实现。
2. Media
   多媒体查询。可以设定在不同的设备、宽高等执行不一样的样式。详情你去百度。

Answer 4

1. 看看是不是设置了不同分辨率下的不同样式，一般是meta来设置的，也可能是代码里面判断的。
2. 看看是不是有min-width，max-width这些吧，估计也会有影响