HTML中屏幕的尺寸标准

蔚落 2022-05-31 01:36 258阅读 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 条评论，258人围观）

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

相关阅读

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

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

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

相关 JavaFX：获取屏幕尺寸

Rectangle2D screenRectangle = Screen.getPrimary().getBounds(); double width = sc

小咪咪/ 2024年02月21日 07:12/ 0 赞/ 70 阅读

相关 html电脑屏幕多大,电脑屏幕尺寸（电竞显示器一般多大尺寸）

电脑屏幕尺寸(电竞显示器一般多大尺寸)经过不断发展，如今显示器的尺寸也越来越大，尤其是一些网吧，动辄27寸、32寸，甚至还有40寸的显示器。而一些装机用户在选购显示器尺寸的时候

快来打我*/ 2023年01月23日 12:53/ 0 赞/ 21 阅读

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

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

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

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

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

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

相关 Android屏幕尺寸

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

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

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

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

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

相关 HTML中屏幕的尺寸标准

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

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

相关 iPhone 屏幕尺寸

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

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

相关移动端屏幕尺寸

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

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