如何使网页自适应电脑屏幕分辨率,怎么自动适应电脑分辨率
内容导航:
一、如何使网页自适应电脑屏幕分辨率
在1024768或者800600的分辨率下可以自动调整成适用于该客户端分辨率的大小。 方法:做一个网页解决问题
如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得”面目全非”,那多令人沮丧!下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助。
一、消除任意缩放浏览器窗口对网页的影响
一番辛苦做出来的网页,在全屏状态下浏览一切正常。但在改变浏览窗口大小之后,网页就变得”不堪入目”了,这是个很值得注意的问题。
问题的根源还得从网页的布局说起,在DW中,网页内容的定位一般是通过表格来实现的,解决表格的问题也就成功了大半。
二、如何让网页自适应各种分辨率
网友们上网通常会采用800×600、1024×768两种分辨率,
网页不是用来给自己看的,所以必须让自己做的网页能够兼顾这两种情况,让不同分辨率设置的网友都能够看到一个排版美观正确的网页。
下面就介绍几种常用的方法,特别说明一下除非网站是艺术类的,有特别需求,通常都会首先照顾分辨率设置为800×600的大众化标准。
一、 自然拉伸如果你的网站结构没有用到大量的图形来衔接,主要由表格来定结构,那么你就可以使用该方法。
非常适用于主要由表格、文字来表达信息的简单的网页页面。
制作表格时,只要你把表格的宽度属性定义为100% ,表格就会根据分辨率的不同自行调整宽度。
二、
固定居中在800×600分辨率下制作的网页在1024×768分辨率的机器上打开,整个网页就会跑到左边;1024×768分辨率的网页在800×600分辨率的机器上有时也会变得”不堪入目”。
两种分辨率各做一个吧?做起来费劲。
所以目前普遍采用的方法是固定居中法!现在大多数网民都还在用800600的分辨率,所以我们一般可以以此分辨率为主。
只要在网页原代码的后紧加一句,前加一句就OK了。
不过有几个问题这是要注意一下,第一个要注意的是上面说到的百分比的问题,表格、单元格的宽度单位最好要使用像素单位,而不要用百分比。
例如width=770。
如果你的表格宽度设的是百分比,那么使用大于800×600的像素时,网页就会拉宽,这样网页可能会变形。
在中加入leftmargin=0,即这种情况下,800×600支持的表格宽度为780像素时不会出现滚动条。
还有一点要注意的是不能用DW中的层来定位。
三、 兵分两路如果你的网页不经常更新,而且对页面效果极其在意,那好,你就设计两个页面,分别对应800×600和1024×768两种分辨率。
然后根据不同的分辨率进行跳转就行了。
例如: 给html属性设置让他宽,高自适应100% 外边距以及内边距都为0里面的一些div要固定起来,就无论你换到多大的屏幕他都不会拉伸。
不怎么好形容,你可以找一个例子看。
没必要都是满屏如果很想要满屏的那建议你用table所有的宽度设置都是百分比不过从1024到1280恐怕有些不一样如果是论坛就无所谓了或者页面左对齐,body加底图,底图的大小超过最大的分辨率就是了首先是实现网页的宽度自动适应访问者电脑分辨率,现在的国内用户的分辨率主要是有两种,一种是800600(适合年龄大的人群),另一种就是1024*768(适合年龄小的人群)。
大家都应该知道表格的大小控制参数有两种形式,那就是像素和百分比。
用像素定位和规定大小是很精确的,百分比的使用主要取决与表格的外部情况。
既然要使网页自动适应不同分辨率,那就得要使用百分比来控制表格了,因为分辨率变化了表格能随着它的变化而变化。
具体实现方法就是,用dreamweaver新建一个网页,在网页中插入一个一行一列的表格,表格的宽为100%,高为100%,填充/边框/间距都设为0,然后在这个表格中插入表格进行排版。
以上就是解决方法了,具体网页源代码如下:现在大多数电脑的分辨率都是1024×768的,所以做的网页在这种分辨率下都能没必要都是满屏如果很想要满屏的那建议你用table所有的宽度设置都是
三、NET 怎样使界面自适应WINDOWS的不同系统和不同分辨率的屏幕
答:#Region“PublicSubAutoCtlSize(ByValinObjAsControl)‘自动调整控件大小“PublicSubAutoCtlSize(ByValinObjAsControl)‘自动调整控件大小IfinObjIsNothingThenExitSubEndIf‘显示分辨率与窗体工作区的大小的关系:分辨率width*height
工作区(没有工具栏)width(height-46)‘即分辨率为600时,子窗体只能为554‘上述情况还要windows状态栏自动隐藏,如果不隐藏,则height还要减少,结果为:524‘检测桌面显示分辨率(VisualBasic)请参见‘此示例以像素为单位确定桌面的宽度和高度。DimDeskTopSizeAsSize=nitorSizeDimFontSizeAsSingleFontSize=9/600‘控件本身‘控件大小=NewSize(Int(/800),Int(/600))‘控件位置=NewPoint(Int(.X/800),Int(.Y*/600))‘如果控件为Form,则设置固定边框‘DimmTypeAsType‘DimmPropertyAsnfo‘mType=‘mProperty=ty(“FormBorderStyle“)‘IfNotmPropertyIsNothingThen‘()‘(inObj,le,Nothing)‘EndIf‘子控件=====DimnAsIntegerForn=0To-1‘只调整子控件的字体。(如果调整窗体的字体,再调用窗体的show方法时,会引发resize从而导致控件的大小和布局改变)(n).Font=NewFont((n).y,FontSize)‘递归调用(穷举所有子控件)AutoCtlSize((n))NextEndSub#EndRegion我早年写的自动调整控件大小的程序,在要showform时,通过调用AutoCtlSize(form),可以起到调整form及form中控件大小、位置的作用,你可以参考下。
四、html页面怎样能够自适应电脑屏幕宽度
网友们上网通常会采用800×600、1024×768两种分辨率,由于网页不是用来给自己看的,所以我们必须让自己的网页能够兼顾这两种情况,让不同分辨率设置的网友都能够看到一个排版美观正确的网页。一、
自然拉伸如果你的网站结构没有用到大量的图形来衔接,主要由表格来定结构,那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时,只要你把表格的宽度属性定义为100%
,表格就会根据分辨率的不同自行调整宽度。二、
固定居中在800×600分辨率下制作的网页在1024×768分辨率的机器上打开,整个网页就会跑到左边;1024×768分辨率的网页在800×600分辨率的机器上有时也会变得”不堪入目”。两种分辨率各做一个吧?做起来费劲。所以目前普遍采用的方法是固定居中法!现在大多数网民都还在用800*600的分辨率,所以我们一般可以以此分辨率为主。只要在网页原代码的后紧加一句,前加一句就OK了。不过有几个问题这是要注意一下,第一个要注意的是上面说到的百分比的问题,表格、单元格的宽度单位最好要使用像素单位,而不要用百分比。例如width=770。如果你的表格宽度设的是百分比,那么使用大于800×600的像素时,网页就会拉宽,这样网页可能会变形。在中加入leftmargin=0,即这种情况下,800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。三、
兵分两路如果你的网页不经常更新,而且对页面效果极其在意,那好,你就设计两个页面,分别对应800×600和1024×768两种分辨率。然后根据不同的分辨率进行跳转就行了。例如:
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 55@qq.com 举报,一经查实,本站将立刻删除。转转请注明出处:https://www.szhjjp.com/n/128747.html