CSS – Responsive Web Design @media設定

@media only screen and (max-width: 767px) // Mobile (Default)
@media only screen and (max-width: 991px) // Tablet Or Below

@media only screen and (min-width: 768px) and (max-width: 991px)
@media only screen and (min-width: 992px) and (max-width: 1199px)
@media only screen and (min-width: 1200px) and (max-width: 1919px)
@media only screen and (min-width: 1920px)

/* Width per Device */
@media only screen and (min-width: 320px) and (max-width: 767px)
@media only screen and (min-width: 768px) and (max-width: 991px) // Tablet Sizing Combinations
@media only screen and (min-width: 992px) // Computer / Desktop Sizing Combinations
@media only screen and (min-width: 1200px) and (max-width: 1919px) // Large Monitor Sizing Combinations
@media only screen and (min-width: 1920px) // Widescreen Sizing Combinations

開始在上面輸入您的搜索詞,然後按回車進行搜索。按ESC取消。

返回頂部