優(yōu)秀網(wǎng)站網(wǎng)頁設計 網(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}
}
給你個主意。可以細分寬度,但內(nèi)部塊元素還需要以不同的分辨率添加自定義寬度。建議使用專業(yè)的響應性設計框架,或者在PC端使用像素,在手機端使用百分比。如果你覺得慶豐站說得好,就給個表揚,順便注意一下。
網(wǎng)頁設計一般像素與大???
在設計網(wǎng)頁時,常用的寬度是像素:1920160014412801409607686640320,-960px基本上是目前的主流頁面寬度-它允許1024x768分辨率最大化瀏覽器窗口的寬度,而無需水平滾動條。而隨著桌面分辨率逐漸從1024x768向更高分辨率轉變,iPad2也即將面世——雖然無法獲得最佳的互動體驗,但960px的頁面正好適合平板電腦的視覺兼容性。
html網(wǎng)頁設計寬是啥?
設計稿將根據(jù)一定的標準屏幕尺寸寬度進行設計,如900 1366,可以適應主流顯示,即設計寬度