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

Html 浏览器缩放兼容的Web应用程序,html,css,Html,Css,在为web应用程序设计UI时,需要注意哪些事项,以确保当有人使用web浏览器放大或缩小时,UI不会中断 另外,不同的浏览器缩放类型如何发挥作用(即,我知道IE6的缩放与Chrome不同,我假设移动浏览器也与Chrome不同)?大多数现代web浏览器都使用适当的缩放。我的意思是,如果使用透镜进行放大和缩小,页面将按预期进行放大和缩小 IE6和一些旧版本的Firefox等使用文本增加而不是适当的缩放。对于这些浏览器,用于调整元素大小的单位类型将改变缩放对站点外观的影响 例如,在IE6中,在px中设置

在为web应用程序设计UI时,需要注意哪些事项,以确保当有人使用web浏览器放大或缩小时,UI不会中断


另外,不同的浏览器缩放类型如何发挥作用(即,我知道IE6的缩放与Chrome不同,我假设移动浏览器也与Chrome不同)?

大多数现代web浏览器都使用适当的缩放。我的意思是,如果使用透镜进行放大和缩小,页面将按预期进行放大和缩小

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

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

关于“我要寻找什么”,我认为这取决于你想要支持什么浏览器。我个人的偏好是为现代浏览器开发。如果一个IE6用户想要缩放并且它破坏了布局,那么我很乐意接受