怎样使页面大小风格一致,可以随着屏幕分辨率变化大小,但不影响整体布局

如题

也就用流体布局,宽都按百分比设定。但是,这样布局就有很多版块你要考虑到它的不同情况的表现,所以比较麻烦,而且不是适合所有需求。当然,也可以固定布局、流体布局相结合。另外,流体布局也要考虑到最小宽度这个问题,在写样式的时候加以设定
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-09-17
用百分比设置也只是背景跟着变,里面的内容还是变不了的,这个应该没有什么好的办法,如果是Flash的可以做到
第2个回答  2013-09-17
用 百分比设置大小

为什么我写好的页面改变窗口大小后布局就乱了?
写自适应的代码就不会了,根据窗口的大小而改变。

如何使网页自适应电脑屏幕分辨率,不管多大的分辨率都是全屏显示的_百度...
2、不使用绝对宽度由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。具体说,CSS代码不能指定像素宽度:width:xxx px;只能指定百分比宽度:width: xx%;或者width:auto;3、相对大小的字体 字体也不能使用绝对大小(px),而只能使用相对大小(...

如何让网页在浏览器自适应屏幕大小
想要网页宽度自适应,需要把网页元素宽度设置为百分比,还要在网页头部加上代码:。图片自适应,且不超过原始大小,需要设置最大宽度,代码如下:img{ width:100%; max-width:100%;}。改进功能 浏览器首次使用时,根据用户显示分辨率大小决定是否默认显示收藏栏;打开多个标签关闭浏览器时,提示用户确认;搜...

如何让网页自适应屏幕大小
要实现网页自适应屏幕大小,关键在于设置元素宽度为百分比,并在HTML头部添加以下代码:这样能确保网页在不同设备上都能适应。对于图片,确保其自适应且不超过原始大小,可以使用以下样式:img { width: 100%; max-width: 100%; }这会让图片随着屏幕大小变化而相应调整大小。在用户体验上,为了提升适应性...

如何让网页自适应屏幕大小
4. 流式布局:流式布局是一种相对固定的布局方式,它基于百分比来设置元素的宽度和位置,而不是使用像素值。这样,无论屏幕尺寸如何变化,网页元素都会根据屏幕大小自动调整大小,保持页面的整体布局和可读性。采用以上技术实现的响应式网页可以确保在不同设备和屏幕尺寸上都能提供一致的用户体验。随着现代...

dw如何将页面设置符合电脑大小用DW做网页中的设计的页面怎么调成与浏览...
1. DW网页大小设置 准备一张大一些的图片作为背景,然后在页面中用css在页面中定义一下。准备好图片后,将下面代码加在页面的中间 如果页面中已经有了对body的定义内容,直接加入背景定义的一句就可以 background:url(bg.gif) repeat;比如 如果用原来这张云彩的图片继续做背景也可以,只要在body中修改...

如何让网页自动适应显示器不同的“分辨率”?
这里以魅族浏览器为例,其中的具体步骤如下:1、手机打开浏览器之后,在中间位置点击【三】。2、在中间位置点击【三】之后,点击里面的【设置】。3、点击里面的【设置】之后,继续点击【主页】。4、这样一来如果没问题,启动【网页自适应屏幕】即可让网页自动适应显示器不同的“分辨率”了。

怎么让网页自适应怎么让网页自适应屏幕大小
制作网站使页面大小自适应的方法代码如下:1.一种自适应建立计算机站网站的方法 全屏宽度主要在于CSS代码,将宽度设置为100%,而不是固定的像素值。代码如下。手机网络设置的自适应方法:在网页标题中添加这样一个meta标签:解释:怎么让chrome或者自带浏览器自动适应手机屏幕?chrome或者自带浏览器自动适应手机...

怎么使DW8中制作的网页随不同电脑分辨率放大缩小,不会留空白
1.表格设置成百分比倒是可以随分辨率不同缩放,但是图片和表单等很难实现,所以只有选择居中;实现居中可以在你做好的网页内容外加一层表格,把单元格设置水平居中,如: 也可以在内容外层加入 div 标记,如: 来实现居中显示。2.在dw里之间拖动插件就能调整大小,如果你是插入的代码那就找到 width=...

如何让网页自适应分辨率?
一、消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页,在全屏状态下浏览一切正常。但在改变浏览窗口大小之后,网页就变得"不堪入目"了,这是个很值得注意的问题。问题的根源还得从网页的布局说起,在DW中,网页内容的定位一般是通过表格来实现的,解决表格的问题也就成功了大半。大家应该注意...

相似回答