网页如何制作成能适应各种尺寸显示器

发布网友发布时间：2022-05-10 02:52

共5个回答

热心网友时间：2023-10-24 10:20

现在有种方式叫自适应网页设计。指可以自动识别屏幕宽度、并做出相应调整的网页设计。比如一个范例，里面是六个主人公的头像。
如果屏幕宽度大于1300像素，则6张图片并排在一行。

如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。

如果屏幕宽度在400像素到600像素之间，则导航栏移到网页头部。
如果屏幕宽度在400像素以下，则6张图片分成三行。

具体如何制作这个要注意的太多了，可以参考一下下面这条百度经验，写得还是比较好的。
http://jingyan.baidu.com/article/b7001fe1730f9a0e7282dd28.html

热心网友时间：2023-10-24 10:21

你说的应该是flash站吧
Stage.scaleMode = "noscale" flash文字大小固定，不随显示器（窗口）大小改变，放到第一帧
然后flash定义成高和宽都是100%，这样就是满屏
也可以不定义，用flash本身的宽和高，然后设置成水平和垂直都是居中，如果你想要dreamwork那种的就更好办了，把他网页上的JS弄下来放到你那里就OK了

热心网友时间：2023-10-24 10:21

你设置高度宽度的时候都用百分比，不要用像素就行了。

热心网友时间：2023-10-24 10:22

可以通过JS获得显示器分辨率，然后再跳转到不同的页面。

热心网友时间：2023-10-24 10:22

body {overflow:none;}
添加这个在你的样式表里