首页猿问 css 页面适应宽度和分辨率

css 页面适应宽度和分辨率

CSS3

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

写的页面，当它窗口变成小窗口样式就会飞

查看完整描述

2 回答

super_mb

TA贡献101条经验获得超107个赞

如果不是写的响应式页面，就给页面设置一个min-width，这样当窗口变小，页面的显示也不会变，只是会出现横向的滚动条放置超出的部分。

1 反对回复 2016-06-12

刚毅87

TA贡献345条经验获得超309个赞

那你别把样式设置为固定值

<!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 反对回复 2016-06-12

已过期
我去试试，谢谢

回复 2016-06-12
已过期
如果没有这个分辨率设置，样式不会飞，但是加上它就飞了。有没有什么好办法把这句话替换掉？？？？media="screen and (min-width: 1240px) and (max-device-width: 2000px)"

回复 2016-06-12
刚毅87
这段代码作用是屏幕自适应,意思是在宽度1240-2000px 时执行其内容, 这段比较好用,不用替换,也没法替换(以我现在的水平).

回复 2016-06-12

2 回答
0 关注
1602 浏览

关注

添加回答

0/150

提交

取消

热搜

最近搜索清空

css 页面适应宽度和分辨率

css 页面适应宽度和分辨率

2 回答

添加回答