防止页面缩放时页面内容移位 [英] Prevent page contents dislocates when the page is zoomed

问题描述

嗨Friendzz，

Hi Friendzz,

How to prevent the web page dislocation when the page is zoomed?

推荐答案

听起来像您需要基于分辨率的网页设计.看看这些:
可扩展网站设计-为所有屏幕分辨率设计网站 [如何为所有屏幕分辨率设计网页 [完美的流体宽度布局 [

Sounds like you need resolution based web page design. Have a look at these:
Expandable Website Design - Designing Websites For All Screen Resolutions[^]
How to Design Web Pages for All Screen Resolutions[^]
The Perfect Fluid Width Layout[^]

用百分比定义主体元素的宽度还用％来定义margin-lef和margin-right....
例如:

define width of the body element with percent also define the margin-lef an margin-right with percent ...
for example :

body
{
  width:80%;
  margin-left:10%;
  margin-right:10%;
}

这篇关于防止页面缩放时页面内容移位的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！