困扰了我很久的问题,搜了一下总算解决了
原来手机下排版错位,只需要CSS判断一下<br /><br /><div class="blockcode"><div id="code_Bqu"><ol><li>/* 默认样式 */<br /><li>body {<br /><li> background-color: blue;<br /><li>}<br /><li> <br /><li>/* 当屏幕宽度小于或等于768像素时 */<br /><li>@media screen and (max-width: 768px) {<br /><li> body {<br /><li> background-color: red;<br /><li> }<br /><li>}</ol></div><em onclick="copycode($('code_Bqu'));">复制代码</em></div> <div class="blockcode"><div id="code_Yoi"><ol><li> meta name="viewport" content="width=device-width, initial-scale=1.0" </ol></div><em onclick="copycode($('code_Yoi'));">复制代码</em></div><br />
加这个试试 我也被这个问题困扰很久,我有一个博客也是在手机端排版错位 media媒体查询<img src="https://hostloc.com/static/image/smiley/default/lol.gif" smilieid="12" border="0" alt="" /> <img src="https://hostloc.com/static/image/smiley/default/lol.gif" smilieid="12" border="0" alt="" /> 究其根本原因,还是对基础知识掌握不牢靠。 <div class="quote"><blockquote><font size="2"><a href="https://hostloc.com/forum.php?mod=redirect&goto=findpost&pid=15513661&ptid=1303702" target="_blank"><font color="#999999">920 发表于 2024-5-6 13:45</font></a></font><br />
加这个试试</blockquote></div><br />
这个啥意思 看不懂 可以了解一下响应式布局 媒体查询尽量少用 用多容易变屎山 <i class="pstatus"> 本帖最后由 im2828 于 2024-5-6 14:33 编辑 </i><br />
<div class="quote"><blockquote><font size="2"><a href="https://hostloc.com/forum.php?mod=redirect&goto=findpost&pid=15513661&ptid=1303702" target="_blank"><font color="#999999">920 发表于 2024-5-6 13:45</font></a></font><br />
加这个试试</blockquote></div><br />
<br />
这个试了一下 没明白怎么用。
页:
[1]