是不是网页自适应电脑分辨率 必须用html5实现啊
是不是网页自适应电脑分辨率必须用html5实现啊，举个例子我如果要把一张1600左右的图在任何分辨率电脑上都能显示全部内容怎么实现如果用html5那么我作图还需要注意什么...
是不是网页自适应电脑分辨率 必须用html5实现啊，举个例子 我如果要把一张1600左右的图 在任何分辨率电脑上都能显示全部内容 怎么实现 如果用html5 那么 我作图还需要注意什么啊，做多大图最好 还是说没有限制，
展开
6个回答
展开全部
不是只有html5才能实现的，用css和javascript也可以实现，简单说下解决思路：
用JQuery和Extjs等js插件可以用相应的onReady函数在页面加载完毕后获取当前的浏览器窗口宽高分别为多少像素。也可以用原生的js绑定事件window.onload()=function(){代码获取宽和高;代码设置图片或canvas的宽和高}来实现。
你的图片如果是全屏背景的话，可以获取浏览器窗口的宽和高，如果不是占满而只是其中的一部分，用上面说的办法获取相应的父元素的宽和高，再设置图片或者html5canvas的宽和高。
这样你看，不管你是用普通的img元素，还是用html5画布，都可以自适应浏览器窗口的分辨率。
关于作图大小的问题要看你的需求，如果需要全部可见，那么你作图的尺寸上限就不能超过屏幕可见范围，如果可以使用scroll卷轴来浏览，那么你可以为img或者canvas的父元素设置超出尺寸自动scroll的属性，这样当你的图超大的时候可以用鼠标滚轮或者点scroll条来浏览。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
东莞大凡
2024-11-14 广告
标定板认准大凡光学科技,专业生产研发厂家，专业从事光学影像测量仪,光学投影测量仪.光学三维测量仪,光学二维测量仪,光学二维测量仪,光学三维测量仪,光学二维测量仪.的研发生产销售。东莞市大凡光学科技有限公司创立于 2018 年，公司总部坐落于...
点击进入详情页
本回答由东莞大凡提供
展开全部
不是，只要我们在网页设计时考虑到多种情况即可！
目前，网友们上网通常会采用800×600、1024×768两种分辨率，我们必须让自己的网页能够兼顾这两种情况，让不同分辨率设置的网友都能够看到一个排版美观正确的网页。下面就介绍几种常用的方法，通常我们都会首先照顾分辨率设置为800×600的大众化标准。
一、自然拉伸
如果网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时，只要把表格的宽度属性定义为100% ，表格就会根据分辨率的不同自行调整宽度。
二、 固定居中
在800×600分辨率下制作的网页在1024×768分辨率的机器上打开，整个网页就会跑到左边；1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。目前普遍采用的方法是固定居中法！
现在大多数网民都还在用800*600的分辨率，所以一般可以以此分辨率为主。只要在网页原代码的<body>后紧加一句<center>，</body>前加一句</center>就OK了。不过有几个问题这是要注意一下，第一个要注意的是上面说到的百分比的问题，表格、单元格的宽度单位最好要使用像素单位，而不要用百分比。例如width=770。如果表格宽度设的是百分比，那么使用大于800×600的像素时，网页就会拉宽，这样网页可能会变形。在<body>中加入leftmargin=0，即<body leftmargin=0>这种情况下，800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。
三、 兵分两路
如果网页不经常更新，而且对页面效果极其在意，那好，就设计两个页面，分别对应800×600和1024×768两种分辨率。然后根据不同的分辨率进行跳转就行了。
例如：
<scriptLANGUAGE="JavaScript">
functionredirectPage() {
var url_else = "http://www.163.com/";
var url_800x600 = "http://www.sohu.com/";
var url_1024x768 = "http://www.sina.com.cn/";
var url_1366x768 = "http://www.qq.com";
if ((screen.width == 800) && (screen.height == 600))
window.location.href=url_800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href=url_1024x768;
else if ((screen.width == 1366) && (screen.height == 768))
window.location.href=url_1366x768;
else
window.location.href=url_else;
}
</script>
目前，网友们上网通常会采用800×600、1024×768两种分辨率，我们必须让自己的网页能够兼顾这两种情况，让不同分辨率设置的网友都能够看到一个排版美观正确的网页。下面就介绍几种常用的方法，通常我们都会首先照顾分辨率设置为800×600的大众化标准。
一、自然拉伸
如果网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时，只要把表格的宽度属性定义为100% ，表格就会根据分辨率的不同自行调整宽度。
二、 固定居中
在800×600分辨率下制作的网页在1024×768分辨率的机器上打开，整个网页就会跑到左边；1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。目前普遍采用的方法是固定居中法！
现在大多数网民都还在用800*600的分辨率，所以一般可以以此分辨率为主。只要在网页原代码的<body>后紧加一句<center>，</body>前加一句</center>就OK了。不过有几个问题这是要注意一下，第一个要注意的是上面说到的百分比的问题，表格、单元格的宽度单位最好要使用像素单位，而不要用百分比。例如width=770。如果表格宽度设的是百分比，那么使用大于800×600的像素时，网页就会拉宽，这样网页可能会变形。在<body>中加入leftmargin=0，即<body leftmargin=0>这种情况下，800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。
三、 兵分两路
如果网页不经常更新，而且对页面效果极其在意，那好，就设计两个页面，分别对应800×600和1024×768两种分辨率。然后根据不同的分辨率进行跳转就行了。
例如：
<scriptLANGUAGE="JavaScript">
functionredirectPage() {
var url_else = "http://www.163.com/";
var url_800x600 = "http://www.sohu.com/";
var url_1024x768 = "http://www.sina.com.cn/";
var url_1366x768 = "http://www.qq.com";
if ((screen.width == 800) && (screen.height == 600))
window.location.href=url_800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href=url_1024x768;
else if ((screen.width == 1366) && (screen.height == 768))
window.location.href=url_1366x768;
else
window.location.href=url_else;
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不是。用js即可实现。其实，单纯用css配合流式布局也可以实现。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你说的是相应式布局吗 要是那样的话 用css的媒体查询即可 没必要真js jq之类的复杂查询
/* Large desktop */
@media (min-width: 1200px) { ... }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
/* Landscape phones and down */
@media (max-width: 480px) { ... }
/* Large desktop */
@media (min-width: 1200px) { ... }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
/* Landscape phones and down */
@media (max-width: 480px) { ... }
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不是的额，你可以做一张1800宽的图片，但是中间980是主要的，两边的多出的，做一个淡化效果的，
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
