html页面怎样能够自适应电脑屏幕宽度?

作者:本站编辑      投稿日期:2019-06-24
网友们上网通常会采用800×600、1024×768两种分辨率,由于网页不是用来给自己看的,所以我们必须让自己的网页能够兼顾这两种情况,让不同分辨率设置的网友都能够看到一个排版美观正确的网页。
一、 自然拉伸
如果你的网站结构没有用到大量的图形来衔接,主要由表格来定结构,那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时,只要你把表格的宽度属性定义为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两种分辨率。然后根据不同的分辨率进行跳转就行了。
例如:
<script LANGUAGE="JavaScript">
function redirectPage() {
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> 

html页面怎样能够自适应电脑屏幕宽度?

html页面怎样能够自适应电脑屏幕宽度?

html页面怎样能够自适应电脑屏幕宽度?

html页面怎样能够自适应电脑屏幕宽度?

怎么让excel 单元格自适应高度或者宽度(随着表格内容自动调整高度或宽度): 选定整个工作表,然后菜单栏中“格式”“行”“最合适的行高”或“列”“最适合的列宽”,或者你可以对着行...

easyui点开页面,根据tabs到其他页面时,再回到这个页面。easyui-dataGrid才会自...: 第一加载的时候 在table上右键审查元素,看布局。。上图吧 骚年

奥迪Q2L怎样打开自适应巡航控制系统?: 以下内容适用于奥迪Q2L第一代车型。 把操纵杆向胸前拉到位置1。 存储车速和启用调节 如要存储当前车...

奥迪2015a4l 自适应巡航系统该怎么设置: 你好,A4车很少配自适应定速巡航系统。但是标配定速巡航。 开关如下,向里拉是打开系统,位置1 关闭系...

途观l自适应远光灯可以改装吗: 可以,低配都会版的可以改高配,淘宝上有套件。

途观L豪华四驱可以加装并线辅助自适应巡航自动泊车座椅记忆后视镜记忆什么的吗: 直接买顶配吧

奥迪Q2L装有自适应巡航控制系统时怎样起步?: 以下内容适用于奥迪Q2L第一代车型。 一旦显示驾驶指南ACC自动并且前方行驶物体开始运动,您的车辆同...

E300L豪华自适应巡航怎么用: 1,高速巡航噪音低,而且省油。140公里巡航的百公里油耗在6-7升左右。150公里巡航的油耗在8-9...

奔驰E 300 L的自适应制动系统是什么?: 自适应制动系统是基于S级轿车的高端科技,不光E 300 L有,全新长轴距E级轿车都有。它包含了四大功...

2019凯迪拉克ATS-L如何设置自适应巡航控制?: 如果在未使用巡航时让巡航控制一直开启,您有可能按下巡航开启/关闭控制按钮,并意外激活巡航控制。在不使...

现代生活是便利的生活,专注于为你的生活提供绿色环保、健康简捷的参考。

Copyright© 生活便利网2019 浙ICP备14015693号-1