移动端布局css样式2

骑猪看日落 2022-12-13 04:53 168阅读 0赞

头部必写
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    
    
    
    @charset "utf-8";
    *{
    	/*页面点击链接时会出现高亮框，此代码用来解决*/
    	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    	/*禁用手机浏览器的用户选择文本(复制)功能 */
    	/*-webkit-user-select: none;*/
    	/*设置怪异盒子*/
    	-webkit-box-sizing:border-box;
    	box-sizing:border-box;
    	/*解决IOS上面的按钮显示问题*/
        -webkit-appearance: none;
    }
    body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,input,textarea,select{
    	padding: 0;
    	margin: 0;
    }
    h1,h2,h3,h4,h5,h6{
    	/*font-weight: normal;*/
    }
    img{
    	vertical-align: top;
    	border: 0;
    }
    li{
    	list-style: none;
    }
    a{
    	text-decoration: none;
    	color: inherit;
    }
    html{
    	color: #444;
    }
    input,textarea,select{
    	outline: none;
    }
    textarea{
    	resize:none;
    }
    
    .sl{
    	/*width: ;*/
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow:ellipsis;
    }
    .es2{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-line-clamp: 2;
    	-webkit-box-orient: vertical;
    }
    .cl:after{
    	content: "";
    	display: block;
    	clear: both;
    	height: 0;
    	overflow: hidden;
    	visibility: hidden;
    }
    html{
    	font-size:calc(100vw/7.5);
    }
    body{
    	font-size: .24rem;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，168人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS - 移动端布局（二）移动端适配

目录通过上一节的学习移动端网页的布局固定尺寸布局百分比布局 rem布局 vw布局仿京东移动端首页开发实例（rem布局、vw布局） ----------

淩亂°似流年/ 2023年09月28日 21:36/ 0 赞/ 36 阅读

相关 CSS 移动端开发公共样式

html,body,ul,li,img,a,p { padding:0; margin:0; /设置盒子模型/ box-siz

冷不防/ 2022年12月22日 09:47/ 0 赞/ 134 阅读

相关移动端布局css样式2

头部必写 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-s

骑猪看日落/ 2022年12月13日 04:53/ 0 赞/ 169 阅读

相关移动端css公共样式1

@charset "utf-8"; body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,input,textarea,select{

爱被打了一巴掌/ 2022年12月13日 04:53/ 0 赞/ 184 阅读

相关移动端 css通用样式表

@charset "utf-8"; html { font-family: "Helvetica Neue",Helvetica, sans-

r囧r小猫/ 2022年11月28日 10:43/ 0 赞/ 263 阅读

相关 CSS布局----flex弹性布局(移动端完美解决方案）

Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。本文给出了 flexbox

不念不忘少年蓝@/ 2022年11月15日 14:08/ 0 赞/ 304 阅读

相关移动端css样式兼容

1、1px边框问题问题：不同的浏览器对于border：1px像素显示的大小不一样解决方案：可以利用元素的伪类，来设置1px边框 .parent{

系统管理员/ 2022年08月31日 11:05/ 0 赞/ 240 阅读

相关 CSS3——布局样式

多栏布局常用属性 column-count column-width

本是古典何须时尚/ 2022年07月17日 00:29/ 0 赞/ 245 阅读

相关移动端 css 初始化样式

/\\ reset \\/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,

朱雀/ 2021年12月23日 07:59/ 0 赞/ 386 阅读

相关移动端布局介绍

移动端布局一、流式布局二、flex弹性布局三、less+rem+媒体查询布局四、媒体查询 1.语法 2.媒体类型

布满荆棘的人生/ 2021年09月07日 06:16/ 0 赞/ 505 阅读