响应式网页开发登陆界面

最新推荐文章于 2024-04-30 07:44:17 发布

qq_46564212

最新推荐文章于 2024-04-30 07:44:17 发布

阅读量865

点赞数

文章标签： css3 前端 html html5 bootstrap

本文链接：https://blog.csdn.net/qq_46564212/article/details/106087921

版权

<head>

	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
	<script type="application/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script language="JavaScript" src="js/bootstrap.min.js"></script>

	<style>
		/* 大屏幕 */
		@media (min-width: 1200px) { ... }
		 
		/* 平板电脑和小屏电脑之间的分辨率 */
		@media (min-width: 768px) and (max-width: 979px) { ... }
		 
		/* 横向放置的手机和竖向放置的平板之间的分辨率 */
		@media (max-width: 767px) { ... }
		 
		/* 横向放置的手机及分辨率更小的设备 */
		@media (max-width: 480px) { ... }
		
		body {
        /*background: rgb(185, 246, 246);*//*设置颜色背景*/
        
        background-image: url(img/a.jpg)/*设置背景图片*/
        background-repeat:no-repea

最低0.47元/天解锁文章

qq_46564212

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
响应式网页开发登陆界面

<style> /* 大屏幕 */ @media (min-width: 1200px) { ... } /* 平板电脑和小屏电脑之间的分辨率 */ @media (min-width: 768px) and (max-width: 979px) { ... } /* 横向放置的手机和竖向放置的平板之间的分辨率 */ @media (max-width: 767px) { ... } /* 横向放置的手机...
复制链接

扫一扫