浏览器缩放兼容的Web应用程序

Question

在为Web应用程序设计UI时，有什么需要注意的事项，以确保当有人使用Web浏览器放大或缩小时UI不会中断？

此外，不同的浏览器缩放类型如何发挥作用（即我知道IE6的缩放方式与Chrome不同，我认为移动浏览器也与此不同）？

Answer 1

大多数现代网络浏览器使用正确的缩放。我的意思是，如果您使用镜头放大和缩小，页面会像您期望的那样放大。

IE6和一些旧版本的Firefox等使用文本增加而不是正确的缩放。对于这些浏览器，用于调整元素大小的单位类型将改变缩放影响网站外观的方式。

例如，在IE6中，在px中设置宽度/高度将导致固定的布局一旦缩放，只会更改文本的大小而不是容器本身。设置这些相同的元素以使用%或em然后允许元素调整大小。

关于“我应该注意什么”，我认为这取决于您想要支持哪些浏览器。我自己的偏好是为现代浏览器开发。如果IE6用户想要缩放并且它打破了布局，那么我很高兴能够接受它。