html5自适应屏幕代码,html自适应屏幕代码

满意的回答

dazhaowudi

2015.12.24

通过率： 44%等级： 4

帮助： 7854人

网民通常采用800600、1024768两种分辨率。 因为网页不是用来给自己看的，所以我们必须让自己的网页能够兼顾这两种情况，让不同分辨率设置的网民看到美丽而正确的网页。

一.自然拉伸

如果你网站的结构没有大量的图形连接，主要是用表格决定结构，你可以使用这个方法。 最适合主要用表、文字表现信息的简单页面。 创建表时，请将表的宽度属性定义为100%

中选择所需的墙类型。 表根据分辨率自己调整宽度。

二、固定中央

以800600分辨率创建的网页在1024768分辨率的计算机上打开时，整个网页将向左移动。1024768分辨率的网页在800600分辨率的计算机上可能“不堪入目”。 要不要把两种分辨率各制作一个？ 一做起来就费劲。 所以，现在普遍采用的方法是固定中心法！

现在很多网友还在使用800*600的分辨率，所以我们一般可以以这个分辨率为主。 网页源代码的

后面加一句话，前面加一句就OK了。 但是，也存在一些问题。 这个请注意。 首先需要注意的是上述百分比的问题。 表格、单元格的宽度单位请使用像素而不是百分比。 例如width=770。 如果表的宽度设置为百分比，则大于800600的像素可能会扩展网页，导致网页变形。 如果向中添加左边缘=0，即左边缘=0，则如果800600支持的表格宽度为780像素，则不显示滚动条。 另一个需要注意的是，不能用DW中的层来定位。

三、兵分两路

如果您的页面不经常更新，而且非常在意页面效果，请设计两个页面，分别对应800600和1024768两种分辨率。 然后根据分辨率跳就可以了。

例如：

功能重定向页面

var

url_else= ‘http://www.163.com/’；

var

URL _ 800 x600=’ http://www.Sohu.com/’；

var

URL _ 1024 x768=’ http://www.Sina.com.cn/’；

var url_1366x768

=’http://www.qq.com ‘；

if((screen.width==

800 ) (screen.height==600 ) )

window.location.href=URL _ 800 x600；

elseif((screen.width==1024 ) )。

(screen.height==768 )

window.location.href=

url_1024x768；

elseif((screen.width==1366 ) ) screen.height==

768 ) )

window.location.href=

url_1366x768；

else

window.location.href=

url_else；

}

114共享通报