Rumah > hujung hadapan web > html tutorial > 新人求带_html/css_WEB-ITnose

新人求带_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:56:54
asal
877 orang telah melayarinya

怎么让自己设计的网页随着窗口的改变而不乱版啊。。。


回复讨论(解决方案)

margin:auto;

设置位置或宽度时尽量用百分比

看你想怎么展现你的页面了。
1、如果你是想你的页面随这窗口的大小而变动的话,那就是动态的布局了,也就是说你要要百分比去写页面的宽的属性。
2、如果你是想你的页面不会根据你的窗口变化而变化的话就把页面的整体宽度定死,居中就可以了。

用自适应布局。responsive layout

<div style="width:950px;margin:0 auto"><div style="background:#09F;float:left;width:400px">44444444444444</div><div style="background:red">33333333333333</div><div style="background:#F30;float:left;width:600px">22222222222222</div><div style="background:#FFF">11111111111111</div></div>
Salin selepas log masuk


table布局就可以实现啊

<table style="width:100%;height:100%"></table>
Salin selepas log masuk

对不希望改变的页面元素用CSS固定宽和高,这样窗口改变的时候版面不会乱,但是窗口太小会出现滚动条

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan