首頁猿問 css 頁面適應(yīng)寬度和分辨率

css 頁面適應(yīng)寬度和分辨率

CSS3

已過期 2016-06-12 13:52:05

寫的頁面，當(dāng)它窗口變成小窗口樣式就會飛

查看完整描述

2 回答

super_mb

TA貢獻101條經(jīng)驗獲得超107個贊

如果不是寫的響應(yīng)式頁面，就給頁面設(shè)置一個min-width，這樣當(dāng)窗口變小，頁面的顯示也不會變，只是會出現(xiàn)橫向的滾動條放置超出的部分。

1 反對回復(fù) 2016-06-12

剛毅87

TA貢獻345條經(jīng)驗獲得超309個贊

那你別把樣式設(shè)置為固定值

<!doctype?html>
<html?lang="en">

	<head>
		<meta?charset="UTF-8"?/>
		<title>Document</title>
		<style>
			body,html?{
				width:?100%;
				height:?100%;
			}
			
			#wrap?{
				width:?80%;
				height:?60%;
				background:?greenyellow;
				margin:?auto;
			}
			
			#content?{
				width:?50%;
				height:?50%;
				background:?red;
				margin:?auto;
			}
		</style>
	</head>

	<body>
		<div?id="wrap">
			<div?id="content">

			</div>
		</div>
	</body>

</html>

望采納!

1 反對回復(fù) 2016-06-12

已過期
我去試試，謝謝

回復(fù) 2016-06-12
已過期
如果沒有這個分辨率設(shè)置，樣式不會飛，但是加上它就飛了。有沒有什么好辦法把這句話替換掉？？？？media="screen and (min-width: 1240px) and (max-device-width: 2000px)"

回復(fù) 2016-06-12
剛毅87
這段代碼作用是屏幕自適應(yīng),意思是在寬度1240-2000px 時執(zhí)行其內(nèi)容, 這段比較好用,不用替換,也沒法替換(以我現(xiàn)在的水平).

回復(fù) 2016-06-12