HTML中屏幕的尺寸标准

蔚落 2022-05-31 01:36 239阅读 0赞

<table style="text-align:center"> 
 <tbody> 
  <tr> 
   <td style="text-align:center">超小屏幕（手机）</td> 
   <td style="text-align:center">小屏幕（平板）</td> 
   <td style="text-align:center">中等屏幕（桌面）</td> 
   <td style="text-align:center">大屏幕（桌面）</td> 
  </tr> 
  <tr> 
   <td style="text-align:center"><span style="color:rgb(102,102,102); font-family:arial,STHeiti,&quot;Microsoft YaHei&quot;,宋体; font-size:14px; text-align:center; background-color:rgb(255,255,255)">&lt;768px</span></td> 
   <td style="text-align:center"><span style="color:rgb(102,102,102); font-family:arial,STHeiti,&quot;Microsoft YaHei&quot;,宋体; font-size:14px; text-align:center; background-color:rgb(255,255,255)">&gt;=768</span></td> 
   <td style="text-align:center"><span style="color:rgb(102,102,102); font-family:arial,STHeiti,&quot;Microsoft YaHei&quot;,宋体; font-size:14px; text-align:center; background-color:rgb(255,255,255)">&gt;=992</span></td> 
   <td style="text-align:center"><span style="color:rgb(102,102,102); font-family:arial,STHeiti,&quot;Microsoft YaHei&quot;,宋体; font-size:14px; text-align:center; background-color:rgb(255,255,255)">&gt;=1200</span></td> 
  </tr> 
  <tr> 
   <td><span style="color:rgb(102,102,102); font-family:arial,STHeiti,&quot;Microsoft YaHei&quot;,宋体; font-size:14px; text-align:center; background-color:rgb(255,255,255)">.col-xs-</span></td> 
   <td><span style="color:rgb(102,102,102); font-family:arial,STHeiti,&quot;Microsoft YaHei&quot;,宋体; font-size:14px; text-align:center; background-color:rgb(255,255,255)">.col-sm-</span></td> 
   <td><span style="color:rgb(102,102,102); font-family:arial,STHeiti,&quot;Microsoft YaHei&quot;,宋体; font-size:14px; text-align:center; background-color:rgb(255,255,255)">.col-md-</span></td> 
   <td><span style="color:rgb(102,102,102); font-family:arial,STHeiti,&quot;Microsoft YaHei&quot;,宋体; font-size:14px; text-align:center; background-color:rgb(255,255,255)">.col-lg-</span></td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

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

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

相关阅读

相关各类主流设备屏幕尺寸查询，屏幕尺寸对照表

<table> <thead> <tr> <th colspan="1"></th> <th colspan="1"></th> <th co

Love The Way You Lie/ 2024年03月22日 13:25/ 0 赞/ 60 阅读

相关设置常见的屏幕尺寸修改里面的 html 文字大小

css 写法 a { text-decoration: none; } // 一定要写到最上面 html { fo

绝地灬酷狼/ 2023年01月10日 13:30/ 0 赞/ 151 阅读

相关 banner的标准尺寸是多少_儿童床尺寸标准是多少？

我们都知道，儿童正处于非常关键的骨骼发育期，但如果你给孩子挑选的儿童床尺寸不符合标准，长期下去会直接影响孩子的健康发育。那儿童床尺寸标准是多少?接下来和原本同城一起来“研究”下

布满荆棘的人生/ 2022年10月28日 10:24/ 0 赞/ 175 阅读

相关 cocos2dx 获取屏幕尺寸

当前项目中需要获取屏幕尺寸采用的方法是调用openGL中的getFrameSize() auto glView = Director::getInstance()

分手后的思念是犯贱/ 2022年09月25日 01:22/ 0 赞/ 240 阅读

相关 Android屏幕尺寸

屏幕的大小是由screen的分辨率决定的： longsize < 470dp small screen longsize >=960 && shortsize >=720

迈不过友情╰/ 2022年08月11日 16:42/ 0 赞/ 208 阅读

相关 html中元素尺寸、坐标的获取

html <img src="src/images/bg5.jpg" alt=""> <div class="main"> <div id='p'

男娘i/ 2022年06月11日 07:36/ 0 赞/ 245 阅读

相关 HTML中屏幕的尺寸标准

<table style="text-align:center"> <tbody> <tr> <td style="text-align:center">超小

蔚落/ 2022年05月31日 01:36/ 0 赞/ 240 阅读

相关 iPhone 屏幕尺寸

iPhone 屏幕尺寸 ![在这里插入图片描述][1542189643160771.jpg] [1542189643160771.jpg]: /images/20220

迷南。/ 2022年05月09日 12:48/ 0 赞/ 215 阅读

相关移动端屏幕尺寸

/智能手机/ @media screen and (max-width:480px) { footer img { width: 20%;

我不是女神ヾ/ 2022年04月08日 09:12/ 0 赞/ 320 阅读

相关窗口尺寸，屏幕尺寸，导航栏高度，状态栏高度

注意：布局窗口是在handleResumeActivity中完成的，但是是先调用onResume再布局窗口的，所以在onResume中获取尺寸是不行的。获取屏幕尺寸：

喜欢ヅ旅行/ 2022年03月11日 11:16/ 0 赞/ 253 阅读