哪吒打字编程打字课 HTML[响应式设计]

时间： 00:00:00 速度： 0CPM 进度： 0% 总字数： 0准确率： 0%

电脑通识

编程通识

Python

JavaScript

HTML

Linux常用命令

C#入门

MYSQL编程

AI人工智能

Go语言

Rust编程

少儿编程



r

e

s

p

o

n

s

i

v

e

d

e

s

i

g

n

rɪˈspɒnsɪv dɪˈzaɪn

响应式设计，使网页适应不同设备的布局方式



m

e

d

i

a

q

u

e

r

y

ˈmiːdiə ˈkwɪəri

媒体查询，根据设备特性应用不同样式的技术



@

m

e

d

i

a

s

c

r

e

e

n

ˌmækrəʊ ɪnˈkluːd

媒体查询的起始标记



m

a

x

-

w

i

d

t

h

mæks wɪdθ

最大宽度条件，小于等于指定宽度时应用样式



m

i

n

-

w

i

d

t

h

mɪn wɪdθ

最小宽度条件，大于等于指定宽度时应用样式



d

e

v

i

c

e

-

w

i

d

t

h

dɪˈvaɪs wɪdθ

设备屏幕宽度条件



d

e

v

i

c

e

-

h

e

i

g

h

t

dɪˈvaɪs haɪt

设备屏幕高度条件



o

r

i

e

n

t

a

t

i

o

n

ˌɔːriənˈteɪʃən

设备方向条件



p

o

r

t

r

a

i

t

ˈpɔːtreɪt

竖屏方向，高度大于宽度



l

a

n

d

s

c

a

p

e

ˈlændskeɪp

横屏方向，宽度大于高度



b

r

e

a

k

p

o

i

n

t

ˈbreɪkˌpɔɪnt

断点，触发样式变化的设备尺寸



m

o

b

i

l

e

f

i

r

s

t

ˈməʊbaɪl fɜːst

移动优先，先设计移动版再扩展到桌面版



f

l

u

i

d

l

a

y

o

u

t

ˈfluːɪd ˈleɪaʊt

流式布局，使用相对单位的布局方式



f

l

e

x

i

b

l

e

g

r

i

d

ˈfleksəbl ɡrɪd

弹性网格，可适应不同屏幕的网格系统



r

e

l

a

t

i

v

e

u

n

i

t

ˈrelətɪv ˈjuːnɪt

相对单位，相对于其他值的长度单位



p

x

piː eks

像素，绝对长度单位



e

m

em

相对长度单位，相对于父元素字体大小



r

e

m

rem

相对长度单位，相对于根元素字体大小



v

w

viː dʌbljuː

视口宽度单位，1vw等于视口宽度的1%



v

h

viː eɪtʃ

视口高度单位，1vh等于视口高度的1%



v

m

i

n

viː mɪn

视口最小值单位，取vw和vh中的较小值



v

m

a

x

viː mæks

视口最大值单位，取vw和vh中的较大值



p

e

r

c

e

n

t

a

g

e

pəˈsentɪdʒ

百分比，相对于父元素的比例单位



v

i

e

w

p

o

r

t

ˈvjuːpɔːt

视口，设备上显示网页的区域



">

<

m

e

t

a

n

a

m

e

=

"

v

i

e

w

p

o

r

t

"

>

ˈmetə neɪm ˈvjuːpɔːt

视口元标签，控制网页在移动设备上的显示



w

i

d

t

h

=

d

e

v

i

c

e

-

w

i

d

t

h

wɪdθ dɪˈvaɪs wɪdθ

设置视口宽度等于设备宽度



i

n

i

t

i

a

l

-

s

c

a

l

e

=

1

.

0

ɪˈnɪʃl skeɪl

设置初始缩放比例为1.0



m

i

n

i

m

u

m

-

s

c

a

l

e

ˈmɪnɪməm skeɪl

设置最小缩放比例



m

a

x

i

m

u

m

-

s

c

a

l

e

ˈmæksɪməm skeɪl

设置最大缩放比例



u

s

e

r

-

s

c

a

l

a

b

l

e

ˈjuːzə ˈskeɪləbl

设置是否允许用户缩放



f

l

u

i

d

i

m

a

g

e

s

ˈfluːɪd ˈɪmɪdʒɪz

流式图片，可随容器缩放的图片



m

a

x

-

w

i

d

t

h

:

1

0

0

%

mæks wɪdθ 100%

设置最大宽度为100%，使图片自适应容器



h

e

i

g

h

t

:

a

u

t

o

haɪt ˈɔːtəʊ

设置高度自动，保持图片比例



f

l

e

x

b

o

x

fleksbɒks

弹性盒布局，适合响应式设计的布局模型



f

l

e

x

-

w

r

a

p

fleks ræp

弹性项目换行属性，适应不同宽度



g

r

i

d

ɡrɪd

网格布局，二维响应式布局系统



g

r

i

d

-

t

e

m

p

l

a

t

e

-

c

o

l

u

m

n

s

ɡrɪd ˈtemplət ˈkɒləmz

定义网格列的属性



a

u

t

o

-

f

i

t

ˈɔːtəʊ fɪt

自动适应网格容器的列数



a

u

t

o

-

f

i

l

l

ˈɔːtəʊ fɪl

自动填充网格容器的列数



m

i

n

m

a

x

(

)

mɪn mæks

定义网格轨道的最小和最大尺寸



r

e

s

p

o

n

s

i

v

e

t

y

p

o

g

r

a

p

h

y

rɪˈspɒnsɪv taɪˈpɒɡrəfi

响应式排版，随屏幕大小变化的文字样式



c

l

a

m

p

(

)

klæmp

CSS函数，设置值在最小和最大值之间



f

o

n

t

-

s

i

z

e

:

c

l

a

m

p

(

)

fɒnt saɪz klæmp

使用clamp()设置响应式字体大小



m

u

l

t

i

-

d

e

v

i

c

e

t

e

s

t

i

n

g

ˌmʌlti dɪˈvaɪs ˈtestɪŋ

多设备测试，在不同设备上验证响应式效果



m

o

b

i

l

e

ˈməʊbaɪl

移动设备，屏幕较小的设备



t

a

b

l

e

t

ˈtæblət

平板设备，屏幕中等的设备



d

e

s

k

t

o

p

ˈdesktɒp

桌面设备，屏幕较大的设备



s

m

a

l

l

s

c

r

e

e

n

smɔːl skriːn

小屏幕，通常指手机设备



m

e

d

i

u

m

s

c

r

e

e

n

ˈmiːdiəm skriːn

中等屏幕，通常指平板设备



l

a

r

g

e

s

c

r

e

e

n

lɑːdʒ skriːn

大屏幕，通常指桌面设备



f

l

e

x

-

d

i

r

e

c

t

i

o

n

fleks daɪˈrekʃən

弹性方向属性，响应式改变排列方向



j

u

s

t

i

f

y

-

c

o

n

t

e

n

t

ˈdʒʌstɪfaɪ kənˈtent

主轴对齐属性，响应式调整对齐方式



a

l

i

g

n

-

i

t

e

m

s

əˈlaɪn ˈaɪtəmz

交叉轴对齐属性，响应式调整对齐方式



d

i

s

p

l

a

y

:

n

o

n

e

dɪˈspleɪ nəʊn

隐藏元素，响应式中用于显示/隐藏内容



v

i

s

i

b

i

l

i

t

y

:

h

i

d

d

e

n

ˌvɪzəˈbɪləti ˈhɪdn

隐藏元素但保留空间，响应式显示控制

{"title":"\u54cd\u5e94\u5f0f\u8bbe\u8ba1","type":"worden","split":"word","text":["responsive design#r\u026a\u02c8sp\u0252ns\u026av d\u026a\u02c8za\u026an#\u54cd\u5e94\u5f0f\u8bbe\u8ba1\uff0c\u4f7f\u7f51\u9875\u9002\u5e94\u4e0d\u540c\u8bbe\u5907\u7684\u5e03\u5c40\u65b9\u5f0f","media query#\u02c8mi\u02d0di\u0259 \u02c8kw\u026a\u0259ri#\u5a92\u4f53\u67e5\u8be2\uff0c\u6839\u636e\u8bbe\u5907\u7279\u6027\u5e94\u7528\u4e0d\u540c\u6837\u5f0f\u7684\u6280\u672f","@media screen#\u02ccm\u00e6kr\u0259\u028a \u026an\u02c8klu\u02d0d#\u5a92\u4f53\u67e5\u8be2\u7684\u8d77\u59cb\u6807\u8bb0","max-width#m\u00e6ks w\u026ad\u03b8#\u6700\u5927\u5bbd\u5ea6\u6761\u4ef6\uff0c\u5c0f\u4e8e\u7b49\u4e8e\u6307\u5b9a\u5bbd\u5ea6\u65f6\u5e94\u7528\u6837\u5f0f","min-width#m\u026an w\u026ad\u03b8#\u6700\u5c0f\u5bbd\u5ea6\u6761\u4ef6\uff0c\u5927\u4e8e\u7b49\u4e8e\u6307\u5b9a\u5bbd\u5ea6\u65f6\u5e94\u7528\u6837\u5f0f","device-width#d\u026a\u02c8va\u026as w\u026ad\u03b8#\u8bbe\u5907\u5c4f\u5e55\u5bbd\u5ea6\u6761\u4ef6","device-height#d\u026a\u02c8va\u026as ha\u026at#\u8bbe\u5907\u5c4f\u5e55\u9ad8\u5ea6\u6761\u4ef6","orientation#\u02cc\u0254\u02d0ri\u0259n\u02c8te\u026a\u0283\u0259n#\u8bbe\u5907\u65b9\u5411\u6761\u4ef6","portrait#\u02c8p\u0254\u02d0tre\u026at#\u7ad6\u5c4f\u65b9\u5411\uff0c\u9ad8\u5ea6\u5927\u4e8e\u5bbd\u5ea6","landscape#\u02c8l\u00e6ndske\u026ap#\u6a2a\u5c4f\u65b9\u5411\uff0c\u5bbd\u5ea6\u5927\u4e8e\u9ad8\u5ea6","breakpoint#\u02c8bre\u026ak\u02ccp\u0254\u026ant#\u65ad\u70b9\uff0c\u89e6\u53d1\u6837\u5f0f\u53d8\u5316\u7684\u8bbe\u5907\u5c3a\u5bf8","mobile first#\u02c8m\u0259\u028aba\u026al f\u025c\u02d0st#\u79fb\u52a8\u4f18\u5148\uff0c\u5148\u8bbe\u8ba1\u79fb\u52a8\u7248\u518d\u6269\u5c55\u5230\u684c\u9762\u7248","fluid layout#\u02c8flu\u02d0\u026ad \u02c8le\u026aa\u028at#\u6d41\u5f0f\u5e03\u5c40\uff0c\u4f7f\u7528\u76f8\u5bf9\u5355\u4f4d\u7684\u5e03\u5c40\u65b9\u5f0f","flexible grid#\u02c8fleks\u0259bl \u0261r\u026ad#\u5f39\u6027\u7f51\u683c\uff0c\u53ef\u9002\u5e94\u4e0d\u540c\u5c4f\u5e55\u7684\u7f51\u683c\u7cfb\u7edf","relative unit#\u02c8rel\u0259t\u026av \u02c8ju\u02d0n\u026at#\u76f8\u5bf9\u5355\u4f4d\uff0c\u76f8\u5bf9\u4e8e\u5176\u4ed6\u503c\u7684\u957f\u5ea6\u5355\u4f4d","px#pi\u02d0 eks#\u50cf\u7d20\uff0c\u7edd\u5bf9\u957f\u5ea6\u5355\u4f4d","em#em#\u76f8\u5bf9\u957f\u5ea6\u5355\u4f4d\uff0c\u76f8\u5bf9\u4e8e\u7236\u5143\u7d20\u5b57\u4f53\u5927\u5c0f","rem#rem#\u76f8\u5bf9\u957f\u5ea6\u5355\u4f4d\uff0c\u76f8\u5bf9\u4e8e\u6839\u5143\u7d20\u5b57\u4f53\u5927\u5c0f","vw#vi\u02d0 d\u028cblju\u02d0#\u89c6\u53e3\u5bbd\u5ea6\u5355\u4f4d\uff0c1vw\u7b49\u4e8e\u89c6\u53e3\u5bbd\u5ea6\u76841%","vh#vi\u02d0 e\u026at\u0283#\u89c6\u53e3\u9ad8\u5ea6\u5355\u4f4d\uff0c1vh\u7b49\u4e8e\u89c6\u53e3\u9ad8\u5ea6\u76841%","vmin#vi\u02d0 m\u026an#\u89c6\u53e3\u6700\u5c0f\u503c\u5355\u4f4d\uff0c\u53d6vw\u548cvh\u4e2d\u7684\u8f83\u5c0f\u503c","vmax#vi\u02d0 m\u00e6ks#\u89c6\u53e3\u6700\u5927\u503c\u5355\u4f4d\uff0c\u53d6vw\u548cvh\u4e2d\u7684\u8f83\u5927\u503c","percentage#p\u0259\u02c8sent\u026ad\u0292#\u767e\u5206\u6bd4\uff0c\u76f8\u5bf9\u4e8e\u7236\u5143\u7d20\u7684\u6bd4\u4f8b\u5355\u4f4d","viewport#\u02c8vju\u02d0p\u0254\u02d0t#\u89c6\u53e3\uff0c\u8bbe\u5907\u4e0a\u663e\u793a\u7f51\u9875\u7684\u533a\u57df","<meta name=\"viewport\">#\u02c8met\u0259 ne\u026am \u02c8vju\u02d0p\u0254\u02d0t#\u89c6\u53e3\u5143\u6807\u7b7e\uff0c\u63a7\u5236\u7f51\u9875\u5728\u79fb\u52a8\u8bbe\u5907\u4e0a\u7684\u663e\u793a","width=device-width#w\u026ad\u03b8 d\u026a\u02c8va\u026as w\u026ad\u03b8#\u8bbe\u7f6e\u89c6\u53e3\u5bbd\u5ea6\u7b49\u4e8e\u8bbe\u5907\u5bbd\u5ea6","initial-scale=1.0#\u026a\u02c8n\u026a\u0283l ske\u026al#\u8bbe\u7f6e\u521d\u59cb\u7f29\u653e\u6bd4\u4f8b\u4e3a1.0","minimum-scale#\u02c8m\u026an\u026am\u0259m ske\u026al#\u8bbe\u7f6e\u6700\u5c0f\u7f29\u653e\u6bd4\u4f8b","maximum-scale#\u02c8m\u00e6ks\u026am\u0259m ske\u026al#\u8bbe\u7f6e\u6700\u5927\u7f29\u653e\u6bd4\u4f8b","user-scalable#\u02c8ju\u02d0z\u0259 \u02c8ske\u026al\u0259bl#\u8bbe\u7f6e\u662f\u5426\u5141\u8bb8\u7528\u6237\u7f29\u653e","fluid images#\u02c8flu\u02d0\u026ad \u02c8\u026am\u026ad\u0292\u026az#\u6d41\u5f0f\u56fe\u7247\uff0c\u53ef\u968f\u5bb9\u5668\u7f29\u653e\u7684\u56fe\u7247","max-width:100%#m\u00e6ks w\u026ad\u03b8 100%#\u8bbe\u7f6e\u6700\u5927\u5bbd\u5ea6\u4e3a100%\uff0c\u4f7f\u56fe\u7247\u81ea\u9002\u5e94\u5bb9\u5668","height:auto#ha\u026at \u02c8\u0254\u02d0t\u0259\u028a#\u8bbe\u7f6e\u9ad8\u5ea6\u81ea\u52a8\uff0c\u4fdd\u6301\u56fe\u7247\u6bd4\u4f8b","flexbox#fleksb\u0252ks#\u5f39\u6027\u76d2\u5e03\u5c40\uff0c\u9002\u5408\u54cd\u5e94\u5f0f\u8bbe\u8ba1\u7684\u5e03\u5c40\u6a21\u578b","flex-wrap#fleks r\u00e6p#\u5f39\u6027\u9879\u76ee\u6362\u884c\u5c5e\u6027\uff0c\u9002\u5e94\u4e0d\u540c\u5bbd\u5ea6","grid#\u0261r\u026ad#\u7f51\u683c\u5e03\u5c40\uff0c\u4e8c\u7ef4\u54cd\u5e94\u5f0f\u5e03\u5c40\u7cfb\u7edf","grid-template-columns#\u0261r\u026ad \u02c8templ\u0259t \u02c8k\u0252l\u0259mz#\u5b9a\u4e49\u7f51\u683c\u5217\u7684\u5c5e\u6027","auto-fit#\u02c8\u0254\u02d0t\u0259\u028a f\u026at#\u81ea\u52a8\u9002\u5e94\u7f51\u683c\u5bb9\u5668\u7684\u5217\u6570","auto-fill#\u02c8\u0254\u02d0t\u0259\u028a f\u026al#\u81ea\u52a8\u586b\u5145\u7f51\u683c\u5bb9\u5668\u7684\u5217\u6570","minmax()#m\u026an m\u00e6ks#\u5b9a\u4e49\u7f51\u683c\u8f68\u9053\u7684\u6700\u5c0f\u548c\u6700\u5927\u5c3a\u5bf8","responsive typography#r\u026a\u02c8sp\u0252ns\u026av ta\u026a\u02c8p\u0252\u0261r\u0259fi#\u54cd\u5e94\u5f0f\u6392\u7248\uff0c\u968f\u5c4f\u5e55\u5927\u5c0f\u53d8\u5316\u7684\u6587\u5b57\u6837\u5f0f","clamp()#kl\u00e6mp#CSS\u51fd\u6570\uff0c\u8bbe\u7f6e\u503c\u5728\u6700\u5c0f\u548c\u6700\u5927\u503c\u4e4b\u95f4","font-size:clamp()#f\u0252nt sa\u026az kl\u00e6mp#\u4f7f\u7528clamp()\u8bbe\u7f6e\u54cd\u5e94\u5f0f\u5b57\u4f53\u5927\u5c0f","multi-device testing#\u02ccm\u028clti d\u026a\u02c8va\u026as \u02c8test\u026a\u014b#\u591a\u8bbe\u5907\u6d4b\u8bd5\uff0c\u5728\u4e0d\u540c\u8bbe\u5907\u4e0a\u9a8c\u8bc1\u54cd\u5e94\u5f0f\u6548\u679c","mobile#\u02c8m\u0259\u028aba\u026al#\u79fb\u52a8\u8bbe\u5907\uff0c\u5c4f\u5e55\u8f83\u5c0f\u7684\u8bbe\u5907","tablet#\u02c8t\u00e6bl\u0259t#\u5e73\u677f\u8bbe\u5907\uff0c\u5c4f\u5e55\u4e2d\u7b49\u7684\u8bbe\u5907","desktop#\u02c8deskt\u0252p#\u684c\u9762\u8bbe\u5907\uff0c\u5c4f\u5e55\u8f83\u5927\u7684\u8bbe\u5907","small screen#sm\u0254\u02d0l skri\u02d0n#\u5c0f\u5c4f\u5e55\uff0c\u901a\u5e38\u6307\u624b\u673a\u8bbe\u5907","medium screen#\u02c8mi\u02d0di\u0259m skri\u02d0n#\u4e2d\u7b49\u5c4f\u5e55\uff0c\u901a\u5e38\u6307\u5e73\u677f\u8bbe\u5907","large screen#l\u0251\u02d0d\u0292 skri\u02d0n#\u5927\u5c4f\u5e55\uff0c\u901a\u5e38\u6307\u684c\u9762\u8bbe\u5907","flex-direction#fleks da\u026a\u02c8rek\u0283\u0259n#\u5f39\u6027\u65b9\u5411\u5c5e\u6027\uff0c\u54cd\u5e94\u5f0f\u6539\u53d8\u6392\u5217\u65b9\u5411","justify-content#\u02c8d\u0292\u028cst\u026afa\u026a k\u0259n\u02c8tent#\u4e3b\u8f74\u5bf9\u9f50\u5c5e\u6027\uff0c\u54cd\u5e94\u5f0f\u8c03\u6574\u5bf9\u9f50\u65b9\u5f0f","align-items#\u0259\u02c8la\u026an \u02c8a\u026at\u0259mz#\u4ea4\u53c9\u8f74\u5bf9\u9f50\u5c5e\u6027\uff0c\u54cd\u5e94\u5f0f\u8c03\u6574\u5bf9\u9f50\u65b9\u5f0f","display:none#d\u026a\u02c8sple\u026a n\u0259\u028an#\u9690\u85cf\u5143\u7d20\uff0c\u54cd\u5e94\u5f0f\u4e2d\u7528\u4e8e\u663e\u793a\/\u9690\u85cf\u5185\u5bb9","visibility:hidden#\u02ccv\u026az\u0259\u02c8b\u026al\u0259ti \u02c8h\u026adn#\u9690\u85cf\u5143\u7d20\u4f46\u4fdd\u7559\u7a7a\u95f4\uff0c\u54cd\u5e94\u5f0f\u663e\u793a\u63a7\u5236"],"name":"\u54cd\u5e94\u5f0f\u8bbe\u8ba1","uri":"4-5-008","lock":"","pages":[{"type":"worden","label":"","text":"","chars":"","lock":"","speed":0,"accuracy":0,"focus":"","split":"word","lines":[[{"sound":"r\u026a\u02c8sp\u0252ns\u026av d\u026a\u02c8za\u026an","label":"\u54cd\u5e94\u5f0f\u8bbe\u8ba1\uff0c\u4f7f\u7f51\u9875\u9002\u5e94\u4e0d\u540c\u8bbe\u5907\u7684\u5e03\u5c40\u65b9\u5f0f","text":"responsive design","chars":"responsive design","pinyin":[{"label":"","chars":"r","text":"r"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"v","text":"v"},{"label":"","chars":"e","text":"e"},{"label":"","chars":" ","text":" "},{"label":"","chars":"d","text":"d"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"g","text":"g"},{"label":"","chars":"n","text":"n"}]}],[{"sound":"\u02c8mi\u02d0di\u0259 \u02c8kw\u026a\u0259ri","label":"\u5a92\u4f53\u67e5\u8be2\uff0c\u6839\u636e\u8bbe\u5907\u7279\u6027\u5e94\u7528\u4e0d\u540c\u6837\u5f0f\u7684\u6280\u672f","text":"media query","chars":"media query","pinyin":[{"label":"","chars":"m","text":"m"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"a","text":"a"},{"label":"","chars":" ","text":" "},{"label":"","chars":"q","text":"q"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"y","text":"y"}]}],[{"sound":"\u02ccm\u00e6kr\u0259\u028a \u026an\u02c8klu\u02d0d","label":"\u5a92\u4f53\u67e5\u8be2\u7684\u8d77\u59cb\u6807\u8bb0","text":"@media screen","chars":"@media screen","pinyin":[{"label":"","chars":"@","text":"@"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"a","text":"a"},{"label":"","chars":" ","text":" "},{"label":"","chars":"s","text":"s"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"n","text":"n"}]}],[{"sound":"m\u00e6ks w\u026ad\u03b8","label":"\u6700\u5927\u5bbd\u5ea6\u6761\u4ef6\uff0c\u5c0f\u4e8e\u7b49\u4e8e\u6307\u5b9a\u5bbd\u5ea6\u65f6\u5e94\u7528\u6837\u5f0f","text":"max-width","chars":"max-width","pinyin":[{"label":"","chars":"m","text":"m"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"x","text":"x"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"w","text":"w"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"h","text":"h"}]}],[{"sound":"m\u026an w\u026ad\u03b8","label":"\u6700\u5c0f\u5bbd\u5ea6\u6761\u4ef6\uff0c\u5927\u4e8e\u7b49\u4e8e\u6307\u5b9a\u5bbd\u5ea6\u65f6\u5e94\u7528\u6837\u5f0f","text":"min-width","chars":"min-width","pinyin":[{"label":"","chars":"m","text":"m"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"w","text":"w"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"h","text":"h"}]}],[{"sound":"d\u026a\u02c8va\u026as w\u026ad\u03b8","label":"\u8bbe\u5907\u5c4f\u5e55\u5bbd\u5ea6\u6761\u4ef6","text":"device-width","chars":"device-width","pinyin":[{"label":"","chars":"d","text":"d"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"v","text":"v"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"w","text":"w"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"h","text":"h"}]}],[{"sound":"d\u026a\u02c8va\u026as ha\u026at","label":"\u8bbe\u5907\u5c4f\u5e55\u9ad8\u5ea6\u6761\u4ef6","text":"device-height","chars":"device-height","pinyin":[{"label":"","chars":"d","text":"d"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"v","text":"v"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"h","text":"h"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"g","text":"g"},{"label":"","chars":"h","text":"h"},{"label":"","chars":"t","text":"t"}]}],[{"sound":"\u02cc\u0254\u02d0ri\u0259n\u02c8te\u026a\u0283\u0259n","label":"\u8bbe\u5907\u65b9\u5411\u6761\u4ef6","text":"orientation","chars":"orientation","pinyin":[{"label":"","chars":"o","text":"o"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"n","text":"n"}]}],[{"sound":"\u02c8p\u0254\u02d0tre\u026at","label":"\u7ad6\u5c4f\u65b9\u5411\uff0c\u9ad8\u5ea6\u5927\u4e8e\u5bbd\u5ea6","text":"portrait","chars":"portrait","pinyin":[{"label":"","chars":"p","text":"p"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"t","text":"t"}]}],[{"sound":"\u02c8l\u00e6ndske\u026ap","label":"\u6a2a\u5c4f\u65b9\u5411\uff0c\u5bbd\u5ea6\u5927\u4e8e\u9ad8\u5ea6","text":"landscape","chars":"landscape","pinyin":[{"label":"","chars":"l","text":"l"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"e","text":"e"}]}],[{"sound":"\u02c8bre\u026ak\u02ccp\u0254\u026ant","label":"\u65ad\u70b9\uff0c\u89e6\u53d1\u6837\u5f0f\u53d8\u5316\u7684\u8bbe\u5907\u5c3a\u5bf8","text":"breakpoint","chars":"breakpoint","pinyin":[{"label":"","chars":"b","text":"b"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"k","text":"k"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"t","text":"t"}]}],[{"sound":"\u02c8m\u0259\u028aba\u026al f\u025c\u02d0st","label":"\u79fb\u52a8\u4f18\u5148\uff0c\u5148\u8bbe\u8ba1\u79fb\u52a8\u7248\u518d\u6269\u5c55\u5230\u684c\u9762\u7248","text":"mobile first","chars":"mobile first","pinyin":[{"label":"","chars":"m","text":"m"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"b","text":"b"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"},{"label":"","chars":" ","text":" "},{"label":"","chars":"f","text":"f"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"t","text":"t"}]}],[{"sound":"\u02c8flu\u02d0\u026ad \u02c8le\u026aa\u028at","label":"\u6d41\u5f0f\u5e03\u5c40\uff0c\u4f7f\u7528\u76f8\u5bf9\u5355\u4f4d\u7684\u5e03\u5c40\u65b9\u5f0f","text":"fluid layout","chars":"fluid layout","pinyin":[{"label":"","chars":"f","text":"f"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"},{"label":"","chars":" ","text":" "},{"label":"","chars":"l","text":"l"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"y","text":"y"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"t","text":"t"}]}],[{"sound":"\u02c8fleks\u0259bl \u0261r\u026ad","label":"\u5f39\u6027\u7f51\u683c\uff0c\u53ef\u9002\u5e94\u4e0d\u540c\u5c4f\u5e55\u7684\u7f51\u683c\u7cfb\u7edf","text":"flexible grid","chars":"flexible grid","pinyin":[{"label":"","chars":"f","text":"f"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"x","text":"x"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"b","text":"b"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"},{"label":"","chars":" ","text":" "},{"label":"","chars":"g","text":"g"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"}]}],[{"sound":"\u02c8rel\u0259t\u026av \u02c8ju\u02d0n\u026at","label":"\u76f8\u5bf9\u5355\u4f4d\uff0c\u76f8\u5bf9\u4e8e\u5176\u4ed6\u503c\u7684\u957f\u5ea6\u5355\u4f4d","text":"relative unit","chars":"relative unit","pinyin":[{"label":"","chars":"r","text":"r"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"v","text":"v"},{"label":"","chars":"e","text":"e"},{"label":"","chars":" ","text":" "},{"label":"","chars":"u","text":"u"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"t","text":"t"}]}],[{"sound":"pi\u02d0 eks","label":"\u50cf\u7d20\uff0c\u7edd\u5bf9\u957f\u5ea6\u5355\u4f4d","text":"px","chars":"px","pinyin":[{"label":"","chars":"p","text":"p"},{"label":"","chars":"x","text":"x"}]}],[{"sound":"em","label":"\u76f8\u5bf9\u957f\u5ea6\u5355\u4f4d\uff0c\u76f8\u5bf9\u4e8e\u7236\u5143\u7d20\u5b57\u4f53\u5927\u5c0f","text":"em","chars":"em","pinyin":[{"label":"","chars":"e","text":"e"},{"label":"","chars":"m","text":"m"}]}],[{"sound":"rem","label":"\u76f8\u5bf9\u957f\u5ea6\u5355\u4f4d\uff0c\u76f8\u5bf9\u4e8e\u6839\u5143\u7d20\u5b57\u4f53\u5927\u5c0f","text":"rem","chars":"rem","pinyin":[{"label":"","chars":"r","text":"r"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"m","text":"m"}]}],[{"sound":"vi\u02d0 d\u028cblju\u02d0","label":"\u89c6\u53e3\u5bbd\u5ea6\u5355\u4f4d\uff0c1vw\u7b49\u4e8e\u89c6\u53e3\u5bbd\u5ea6\u76841%","text":"vw","chars":"vw","pinyin":[{"label":"","chars":"v","text":"v"},{"label":"","chars":"w","text":"w"}]}],[{"sound":"vi\u02d0 e\u026at\u0283","label":"\u89c6\u53e3\u9ad8\u5ea6\u5355\u4f4d\uff0c1vh\u7b49\u4e8e\u89c6\u53e3\u9ad8\u5ea6\u76841%","text":"vh","chars":"vh","pinyin":[{"label":"","chars":"v","text":"v"},{"label":"","chars":"h","text":"h"}]}],[{"sound":"vi\u02d0 m\u026an","label":"\u89c6\u53e3\u6700\u5c0f\u503c\u5355\u4f4d\uff0c\u53d6vw\u548cvh\u4e2d\u7684\u8f83\u5c0f\u503c","text":"vmin","chars":"vmin","pinyin":[{"label":"","chars":"v","text":"v"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"n","text":"n"}]}],[{"sound":"vi\u02d0 m\u00e6ks","label":"\u89c6\u53e3\u6700\u5927\u503c\u5355\u4f4d\uff0c\u53d6vw\u548cvh\u4e2d\u7684\u8f83\u5927\u503c","text":"vmax","chars":"vmax","pinyin":[{"label":"","chars":"v","text":"v"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"x","text":"x"}]}],[{"sound":"p\u0259\u02c8sent\u026ad\u0292","label":"\u767e\u5206\u6bd4\uff0c\u76f8\u5bf9\u4e8e\u7236\u5143\u7d20\u7684\u6bd4\u4f8b\u5355\u4f4d","text":"percentage","chars":"percentage","pinyin":[{"label":"","chars":"p","text":"p"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"g","text":"g"},{"label":"","chars":"e","text":"e"}]}],[{"sound":"\u02c8vju\u02d0p\u0254\u02d0t","label":"\u89c6\u53e3\uff0c\u8bbe\u5907\u4e0a\u663e\u793a\u7f51\u9875\u7684\u533a\u57df","text":"viewport","chars":"viewport","pinyin":[{"label":"","chars":"v","text":"v"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"w","text":"w"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"t","text":"t"}]}],[{"sound":"\u02c8met\u0259 ne\u026am \u02c8vju\u02d0p\u0254\u02d0t","label":"\u89c6\u53e3\u5143\u6807\u7b7e\uff0c\u63a7\u5236\u7f51\u9875\u5728\u79fb\u52a8\u8bbe\u5907\u4e0a\u7684\u663e\u793a","text":"<meta name=\"viewport\">","chars":"<meta name=\"viewport\">","pinyin":[{"label":"","chars":"<","text":"<"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"a","text":"a"},{"label":"","chars":" ","text":" "},{"label":"","chars":"n","text":"n"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"=","text":"="},{"label":"","chars":"\"","text":"\""},{"label":"","chars":"v","text":"v"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"w","text":"w"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"\"","text":"\""},{"label":"","chars":">","text":">"}]}],[{"sound":"w\u026ad\u03b8 d\u026a\u02c8va\u026as w\u026ad\u03b8","label":"\u8bbe\u7f6e\u89c6\u53e3\u5bbd\u5ea6\u7b49\u4e8e\u8bbe\u5907\u5bbd\u5ea6","text":"width=device-width","chars":"width=device-width","pinyin":[{"label":"","chars":"w","text":"w"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"h","text":"h"},{"label":"","chars":"=","text":"="},{"label":"","chars":"d","text":"d"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"v","text":"v"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"w","text":"w"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"h","text":"h"}]}],[{"sound":"\u026a\u02c8n\u026a\u0283l ske\u026al","label":"\u8bbe\u7f6e\u521d\u59cb\u7f29\u653e\u6bd4\u4f8b\u4e3a1.0","text":"initial-scale=1.0","chars":"initial-scale=1.0","pinyin":[{"label":"","chars":"i","text":"i"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"=","text":"="},{"label":"","chars":"1","text":"1"},{"label":"","chars":".","text":"."},{"label":"","chars":"0","text":"0"}]}],[{"sound":"\u02c8m\u026an\u026am\u0259m ske\u026al","label":"\u8bbe\u7f6e\u6700\u5c0f\u7f29\u653e\u6bd4\u4f8b","text":"minimum-scale","chars":"minimum-scale","pinyin":[{"label":"","chars":"m","text":"m"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"}]}],[{"sound":"\u02c8m\u00e6ks\u026am\u0259m ske\u026al","label":"\u8bbe\u7f6e\u6700\u5927\u7f29\u653e\u6bd4\u4f8b","text":"maximum-scale","chars":"maximum-scale","pinyin":[{"label":"","chars":"m","text":"m"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"x","text":"x"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"}]}],[{"sound":"\u02c8ju\u02d0z\u0259 \u02c8ske\u026al\u0259bl","label":"\u8bbe\u7f6e\u662f\u5426\u5141\u8bb8\u7528\u6237\u7f29\u653e","text":"user-scalable","chars":"user-scalable","pinyin":[{"label":"","chars":"u","text":"u"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"b","text":"b"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"}]}],[{"sound":"\u02c8flu\u02d0\u026ad \u02c8\u026am\u026ad\u0292\u026az","label":"\u6d41\u5f0f\u56fe\u7247\uff0c\u53ef\u968f\u5bb9\u5668\u7f29\u653e\u7684\u56fe\u7247","text":"fluid images","chars":"fluid images","pinyin":[{"label":"","chars":"f","text":"f"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"},{"label":"","chars":" ","text":" "},{"label":"","chars":"i","text":"i"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"g","text":"g"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"s","text":"s"}]}],[{"sound":"m\u00e6ks w\u026ad\u03b8 100%","label":"\u8bbe\u7f6e\u6700\u5927\u5bbd\u5ea6\u4e3a100%\uff0c\u4f7f\u56fe\u7247\u81ea\u9002\u5e94\u5bb9\u5668","text":"max-width:100%","chars":"max-width:100%","pinyin":[{"label":"","chars":"m","text":"m"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"x","text":"x"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"w","text":"w"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"h","text":"h"},{"label":"","chars":":","text":":"},{"label":"","chars":"1","text":"1"},{"label":"","chars":"0","text":"0"},{"label":"","chars":"0","text":"0"},{"label":"","chars":"%","text":"%"}]}],[{"sound":"ha\u026at \u02c8\u0254\u02d0t\u0259\u028a","label":"\u8bbe\u7f6e\u9ad8\u5ea6\u81ea\u52a8\uff0c\u4fdd\u6301\u56fe\u7247\u6bd4\u4f8b","text":"height:auto","chars":"height:auto","pinyin":[{"label":"","chars":"h","text":"h"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"g","text":"g"},{"label":"","chars":"h","text":"h"},{"label":"","chars":"t","text":"t"},{"label":"","chars":":","text":":"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"o","text":"o"}]}],[{"sound":"fleksb\u0252ks","label":"\u5f39\u6027\u76d2\u5e03\u5c40\uff0c\u9002\u5408\u54cd\u5e94\u5f0f\u8bbe\u8ba1\u7684\u5e03\u5c40\u6a21\u578b","text":"flexbox","chars":"flexbox","pinyin":[{"label":"","chars":"f","text":"f"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"x","text":"x"},{"label":"","chars":"b","text":"b"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"x","text":"x"}]}],[{"sound":"fleks r\u00e6p","label":"\u5f39\u6027\u9879\u76ee\u6362\u884c\u5c5e\u6027\uff0c\u9002\u5e94\u4e0d\u540c\u5bbd\u5ea6","text":"flex-wrap","chars":"flex-wrap","pinyin":[{"label":"","chars":"f","text":"f"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"x","text":"x"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"w","text":"w"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"p","text":"p"}]}],[{"sound":"\u0261r\u026ad","label":"\u7f51\u683c\u5e03\u5c40\uff0c\u4e8c\u7ef4\u54cd\u5e94\u5f0f\u5e03\u5c40\u7cfb\u7edf","text":"grid","chars":"grid","pinyin":[{"label":"","chars":"g","text":"g"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"}]}],[{"sound":"\u0261r\u026ad \u02c8templ\u0259t \u02c8k\u0252l\u0259mz","label":"\u5b9a\u4e49\u7f51\u683c\u5217\u7684\u5c5e\u6027","text":"grid-template-columns","chars":"grid-template-columns","pinyin":[{"label":"","chars":"g","text":"g"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"s","text":"s"}]}],[{"sound":"\u02c8\u0254\u02d0t\u0259\u028a f\u026at","label":"\u81ea\u52a8\u9002\u5e94\u7f51\u683c\u5bb9\u5668\u7684\u5217\u6570","text":"auto-fit","chars":"auto-fit","pinyin":[{"label":"","chars":"a","text":"a"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"f","text":"f"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"t","text":"t"}]}],[{"sound":"\u02c8\u0254\u02d0t\u0259\u028a f\u026al","label":"\u81ea\u52a8\u586b\u5145\u7f51\u683c\u5bb9\u5668\u7684\u5217\u6570","text":"auto-fill","chars":"auto-fill","pinyin":[{"label":"","chars":"a","text":"a"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"f","text":"f"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"l","text":"l"}]}],[{"sound":"m\u026an m\u00e6ks","label":"\u5b9a\u4e49\u7f51\u683c\u8f68\u9053\u7684\u6700\u5c0f\u548c\u6700\u5927\u5c3a\u5bf8","text":"minmax()","chars":"minmax()","pinyin":[{"label":"","chars":"m","text":"m"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"x","text":"x"},{"label":"","chars":"(","text":"("},{"label":"","chars":")","text":")"}]}],[{"sound":"r\u026a\u02c8sp\u0252ns\u026av ta\u026a\u02c8p\u0252\u0261r\u0259fi","label":"\u54cd\u5e94\u5f0f\u6392\u7248\uff0c\u968f\u5c4f\u5e55\u5927\u5c0f\u53d8\u5316\u7684\u6587\u5b57\u6837\u5f0f","text":"responsive typography","chars":"responsive typography","pinyin":[{"label":"","chars":"r","text":"r"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"v","text":"v"},{"label":"","chars":"e","text":"e"},{"label":"","chars":" ","text":" "},{"label":"","chars":"t","text":"t"},{"label":"","chars":"y","text":"y"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"g","text":"g"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"h","text":"h"},{"label":"","chars":"y","text":"y"}]}],[{"sound":"kl\u00e6mp","label":"CSS\u51fd\u6570\uff0c\u8bbe\u7f6e\u503c\u5728\u6700\u5c0f\u548c\u6700\u5927\u503c\u4e4b\u95f4","text":"clamp()","chars":"clamp()","pinyin":[{"label":"","chars":"c","text":"c"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"(","text":"("},{"label":"","chars":")","text":")"}]}],[{"sound":"f\u0252nt sa\u026az kl\u00e6mp","label":"\u4f7f\u7528clamp()\u8bbe\u7f6e\u54cd\u5e94\u5f0f\u5b57\u4f53\u5927\u5c0f","text":"font-size:clamp()","chars":"font-size:clamp()","pinyin":[{"label":"","chars":"f","text":"f"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"z","text":"z"},{"label":"","chars":"e","text":"e"},{"label":"","chars":":","text":":"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"(","text":"("},{"label":"","chars":")","text":")"}]}],[{"sound":"\u02ccm\u028clti d\u026a\u02c8va\u026as \u02c8test\u026a\u014b","label":"\u591a\u8bbe\u5907\u6d4b\u8bd5\uff0c\u5728\u4e0d\u540c\u8bbe\u5907\u4e0a\u9a8c\u8bc1\u54cd\u5e94\u5f0f\u6548\u679c","text":"multi-device testing","chars":"multi-device testing","pinyin":[{"label":"","chars":"m","text":"m"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"v","text":"v"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"e","text":"e"},{"label":"","chars":" ","text":" "},{"label":"","chars":"t","text":"t"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"g","text":"g"}]}],[{"sound":"\u02c8m\u0259\u028aba\u026al","label":"\u79fb\u52a8\u8bbe\u5907\uff0c\u5c4f\u5e55\u8f83\u5c0f\u7684\u8bbe\u5907","text":"mobile","chars":"mobile","pinyin":[{"label":"","chars":"m","text":"m"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"b","text":"b"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"}]}],[{"sound":"\u02c8t\u00e6bl\u0259t","label":"\u5e73\u677f\u8bbe\u5907\uff0c\u5c4f\u5e55\u4e2d\u7b49\u7684\u8bbe\u5907","text":"tablet","chars":"tablet","pinyin":[{"label":"","chars":"t","text":"t"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"b","text":"b"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"t","text":"t"}]}],[{"sound":"\u02c8deskt\u0252p","label":"\u684c\u9762\u8bbe\u5907\uff0c\u5c4f\u5e55\u8f83\u5927\u7684\u8bbe\u5907","text":"desktop","chars":"desktop","pinyin":[{"label":"","chars":"d","text":"d"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"k","text":"k"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"p","text":"p"}]}],[{"sound":"sm\u0254\u02d0l skri\u02d0n","label":"\u5c0f\u5c4f\u5e55\uff0c\u901a\u5e38\u6307\u624b\u673a\u8bbe\u5907","text":"small screen","chars":"small screen","pinyin":[{"label":"","chars":"s","text":"s"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"l","text":"l"},{"label":"","chars":" ","text":" "},{"label":"","chars":"s","text":"s"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"n","text":"n"}]}],[{"sound":"\u02c8mi\u02d0di\u0259m skri\u02d0n","label":"\u4e2d\u7b49\u5c4f\u5e55\uff0c\u901a\u5e38\u6307\u5e73\u677f\u8bbe\u5907","text":"medium screen","chars":"medium screen","pinyin":[{"label":"","chars":"m","text":"m"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"m","text":"m"},{"label":"","chars":" ","text":" "},{"label":"","chars":"s","text":"s"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"n","text":"n"}]}],[{"sound":"l\u0251\u02d0d\u0292 skri\u02d0n","label":"\u5927\u5c4f\u5e55\uff0c\u901a\u5e38\u6307\u684c\u9762\u8bbe\u5907","text":"large screen","chars":"large screen","pinyin":[{"label":"","chars":"l","text":"l"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"g","text":"g"},{"label":"","chars":"e","text":"e"},{"label":"","chars":" ","text":" "},{"label":"","chars":"s","text":"s"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"n","text":"n"}]}],[{"sound":"fleks da\u026a\u02c8rek\u0283\u0259n","label":"\u5f39\u6027\u65b9\u5411\u5c5e\u6027\uff0c\u54cd\u5e94\u5f0f\u6539\u53d8\u6392\u5217\u65b9\u5411","text":"flex-direction","chars":"flex-direction","pinyin":[{"label":"","chars":"f","text":"f"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"x","text":"x"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"r","text":"r"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"n","text":"n"}]}],[{"sound":"\u02c8d\u0292\u028cst\u026afa\u026a k\u0259n\u02c8tent","label":"\u4e3b\u8f74\u5bf9\u9f50\u5c5e\u6027\uff0c\u54cd\u5e94\u5f0f\u8c03\u6574\u5bf9\u9f50\u65b9\u5f0f","text":"justify-content","chars":"justify-content","pinyin":[{"label":"","chars":"j","text":"j"},{"label":"","chars":"u","text":"u"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"f","text":"f"},{"label":"","chars":"y","text":"y"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"c","text":"c"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"t","text":"t"}]}],[{"sound":"\u0259\u02c8la\u026an \u02c8a\u026at\u0259mz","label":"\u4ea4\u53c9\u8f74\u5bf9\u9f50\u5c5e\u6027\uff0c\u54cd\u5e94\u5f0f\u8c03\u6574\u5bf9\u9f50\u65b9\u5f0f","text":"align-items","chars":"align-items","pinyin":[{"label":"","chars":"a","text":"a"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"g","text":"g"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"-","text":"-"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"m","text":"m"},{"label":"","chars":"s","text":"s"}]}],[{"sound":"d\u026a\u02c8sple\u026a n\u0259\u028an","label":"\u9690\u85cf\u5143\u7d20\uff0c\u54cd\u5e94\u5f0f\u4e2d\u7528\u4e8e\u663e\u793a\/\u9690\u85cf\u5185\u5bb9","text":"display:none","chars":"display:none","pinyin":[{"label":"","chars":"d","text":"d"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"p","text":"p"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"a","text":"a"},{"label":"","chars":"y","text":"y"},{"label":"","chars":":","text":":"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"o","text":"o"},{"label":"","chars":"n","text":"n"},{"label":"","chars":"e","text":"e"}]}],[{"sound":"\u02ccv\u026az\u0259\u02c8b\u026al\u0259ti \u02c8h\u026adn","label":"\u9690\u85cf\u5143\u7d20\u4f46\u4fdd\u7559\u7a7a\u95f4\uff0c\u54cd\u5e94\u5f0f\u663e\u793a\u63a7\u5236","text":"visibility:hidden","chars":"visibility:hidden","pinyin":[{"label":"","chars":"v","text":"v"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"s","text":"s"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"b","text":"b"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"l","text":"l"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"t","text":"t"},{"label":"","chars":"y","text":"y"},{"label":"","chars":":","text":":"},{"label":"","chars":"h","text":"h"},{"label":"","chars":"i","text":"i"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"d","text":"d"},{"label":"","chars":"e","text":"e"},{"label":"","chars":"n","text":"n"}]}]]}],"section":"HTML","section_id":"5","course_id":"4","course_type":0,"pre_uri":"4-5-007","next_uri":"4-5-009"}

鼠标点我 或按 空格键 开始