求网页自适应解决方法

zoenbo 发表于 2020-10-18 13:40

本帖最后由 zoenbo 于 2020-10-30 22:22 编辑

如何让网页强制自适应呢？在不同设备都能适应屏幕宽度显示。
<html>
<head>
<meta name='viewport' content='width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no'>
</head>
<body>
<div class="wraper" style="width: 660px; height: 880px; position: absolute; left:0px; top:0px; overflow: hidden; ">
<div class="text" style="width: 660px; height: 880px; position: absolute; left:0px; top:0px;">
<div>
<p>前言<br>
在面试中，基本上都会问到关于数据库的事务问题，如果啥都不会或者只回答到表面的上知识点的话，那面试基本上是没戏了，为了能顺利通过面试，那MySql的事务问题就需要了解，所以就根据网上的资料总结一版Mysql事务的知识点，巩固一下事务的知识。
<br>
事务
<br>
事务是指逻辑上的一组操作，要么都执行，要么都不执行,
<br>
事务的特性（ACID）
<br>
原子性(Atomicity)：事务是不可分割的工作单元，要么都成功，要么都失败，如果事务中一个sql语句执行失败，则已执行的语句也必须回滚，数据库退回到事务前的状态。

一致性(Consistency)：事务不能破坏数据的完整性和业务的一致性。例如在银行转账时，不管事务成功还是失败，双方钱的总额不变

隔离性(Isolation)：一个事务所操作的数据在提交之前，对其他事务的可见性设定（一般是不可见）

持久性(Durability)：事务提交之后，所做的修改就会永久保存，不会因为系统故障导致数据丢失

严格来说，只有同时满足数据库的事务ACID特性才能算一个完整的事务，但现实中实现能够真正满足的完整的事务特性少之又少，但是在实现中也必须尽量达到事务要求的特性。

那么事务ACID特性具体怎么实现的呢？我们来分析看看，首先先看看事务的特性。</p>

</div>

</div>

</div>
</body>

</html>

cube 发表于 2020-10-18 13:51

body后加
<script>
Array.from(document.getElementsByTagName("*")).forEach(item=>item.style='')
</script>

砸七砸八 发表于 2020-10-18 13:56

css3媒体查询

zoenbo 发表于 2020-10-18 14:04

本帖最后由 zoenbo 于 2020-10-18 14:06 编辑

cube 发表于 2020-10-18 13:51
body后加

Array.from(document.getElementsByTagName("*")).forEach(item=>item ...
{:1_921:}大佬就是厉害！ https://www.52pojie.cn/thread-1286131-1-1.html 这段代码放到昨天这个帖子的代码里，有点问题，字都重合在一起了

cube 发表于 2020-10-18 14:07

zoenbo 发表于 2020-10-18 14:04
大佬就是厉害！ https://www.52pojie.cn/thread-1286131-1-1.html 这段代码放到昨天这个帖子的 ...

https://www.52pojie.cn/thread-1286131-1-1.html不能用这个代码.

zoenbo 发表于 2020-10-18 14:11

cube 发表于 2020-10-18 14:07
https://www.52pojie.cn/thread-1286131-1-1.html不能用这个代码.

https://www.52pojie.cn/thread-1286131-1-1.html 这个页面的自适应有办法搞定不，本来想按这个发，怕被判定发重复的问题而被删。

cube 发表于 2020-10-18 14:19

本帖最后由 cube 于 2020-10-18 14:22 编辑

zoenbo 发表于 2020-10-18 14:11
https://www.52pojie.cn/thread-1286131-1-1.html 这个页面的自适应有办法搞定不，本来想按这个发，怕被 ...
套娃,给正文一个非static的爸爸, 对它爸爸设置定位.....................
即使这样,依然不是100%自适应, 想要完美解决,不存在的.

badyun 发表于 2020-10-18 14:22

zoenbo 发表于 2020-10-18 14:04
大佬就是厉害！ https://www.52pojie.cn/thread-1286131-1-1.html 这段代码放到昨天这个帖子的 ...
我截图下面的这一段就是去除字重合问题的，关键就是删除span的绝对定位

https://vip.d0.badyun.com/img/f89cca0645d3de5e3d77eacf1bbdc0b39fb0b4bbd949a5eb053d19c17fc60afe.png

zoenbo 发表于 2020-10-18 14:27

cube 发表于 2020-10-18 14:19
套娃,给正文一个非static的爸爸, 对它爸爸设置定位.....................
即使这样,依然不是100%自适应, ...

不完美也行哈哈只要能自适应就行 {:1_889:}

zoenbo 发表于 2020-10-18 14:32

badyun 发表于 2020-10-18 14:22
我截图下面的这一段就是去除字重合问题的，关键就是删除span的绝对定位
不知道为啥，是这个样子的

页: [1] 2

吾爱破解 - 52pojie.cn's Archiver

求网页自适应解决方法