自適應平臺 網(wǎng)頁設計:如何讓頁面寬度自適應,并且最寬值不大于1600px,最低不小于800px?求高手答?
網(wǎng)頁設計:如何讓頁面寬度自適應,并且最寬值不大于1600px,最低不小于800px?求高手答?說真的,在響應設計中,您不必說分辨率是有限的。建議使用bootstrap框架進行專業(yè)響應設計,或在移動終端
網(wǎng)頁設計:如何讓頁面寬度自適應,并且最寬值不大于1600px,最低不小于800px?求高手答?
說真的,在響應設計中,您不必說分辨率是有限的。建議使用bootstrap框架進行專業(yè)響應設計,或在移動終端中采用百分比設計,以更好地滿足響應要求。要解決這個問題,需要根據(jù)不同的分辨率設置不同的寬度。首先將my width類添加到<body class=“my width”>body標記中。然后設計這個類的樣式并指定不同分辨率下的寬度。具體代碼如下:
@media only screen和(min)-寬度:1700px)//指示屏幕像素寬度大于1700px時,寬度為1600px
{]}
@僅媒體屏幕和(最大-寬度:1600px)和(最小-寬度:1200px)//1200-1600之間的寬度設置為1180px
{。我的寬度{寬度:1180px}
}
@僅媒體屏幕和(最大-寬度:1200px)和(最小-寬度:800px)//800-1200之間的寬度設置為800px
{。我的寬度{寬度:800px}
}
給你個主意??梢约毞謱挾?,但內部塊元素還需要以不同的分辨率添加自定義寬度。建議使用專業(yè)的響應性設計框架,或者在PC端使用像素,在手機端使用百分比。如果你覺得慶豐站說得好,就給個表揚,順便注意一下。