常见的CSS全局公共样式整理

2024年03月31日 css公共样式 pc端公共样式 移动端公共样式 全局css样式 共享博客

常见的CSS全局公共样式整理

这个是按平时我自己常用整理的,为了方便自己复制整理下,需要用自行修改,自行多删少补。


PC端的话,请手动删除 font-size: 26.67vw; 这个是给移动端设计稿尺寸为750像素计算的,比如在ps中量某图片宽度为100px,那么使用rem则为0.5rem(原尺寸/200)。

<style>
	body,div,p,ul,ol,li,dl,dt,dd,table,tr,td,form,hr,h1,h2,h3,h4,h5,h6,fieldset,img,input {
	    margin: 0;
	    padding: 0;
	}
	body,html {
	    width: 100%;
	    height: 100%;
	    min-height: 100%;
	    font-size: 26.67vw;
	    background: #fff;
	}
	body {
	    display: flex;
	    flex-direction: column;
	}
	img {
	    display: block;
	}
	a {
	    margin: 0;
	    text-decoration: none;
	}
	li,ol {
	    list-style: none;
	}
	.tp-clear:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}
</style>

相关兼容性BUG问题与解决方案 https://www.lmcjl.com/post/108.html

本文链接:http://so.lmcjl.com/news/783/

展开阅读全文