学习CSS布局 - max-width
2024-10-09 04:42:26
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>max-width</title>
<style>
.main {
max-width: 700px;
border: 1px solid red;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="main">
在这种情况下使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况。<br />
这点在移动设备上显得尤为重要,调整下浏览器窗口大小检查下吧!<br /> 顺便提下, 所有的主流浏览器包括IE7+在内都支持 max-width ,所以放心大胆的用吧。
</div>
</body>
</html>
结果:
调整浏览器的窗口,div宽高自动缩放,真是很棒啊。
原文地址: http://zh.learnlayout.com/max-width.html
最新文章
- SharePoint Server2016的User Profile Services服务
- 【代码笔记】iOS-下拉菜单
- 【ASP.NET 问题】IIS发布网站后出现 ";处理程序“PageHandlerFactory-Integrated”在其模块列表中有一个错误";的解决办法
- paip.获取文件名从路径uapi java python php总结...
- MyEclipse: Can&#39;t load IA 32-bit .dll on a AMD 64-bit platform
- C语言内存管理
- 小学生之SpringMVC
- 【nodejs学习】3.进程管理及异步编程
- Fluent NHibernate
- loadrunner时间损耗-analysis中忽略
- 制作jar文件
- torch.linspace,unsqueeze()以及squeeze()函数
- java float double bigdecimal
- mac下安装安卓开发环境
- STS没有找到Dynamic Web Project
- [LeetCode] 199. Binary Tree Right Side View_ Medium tag: BFS, Amazon
- PHP中的11个魔术方法总结:__construct,、__destruct、__call等
- win8.1rtm专业版无法安装net3.5还有iis
- leetcode290
- vue 1.x 总结