引導3圖像顯示

您好我有關於CSS和JavaScript的問題，是與圖像http://personal.crocodoc.com/YvRh8Hd 引導3圖像顯示

鏈接我想要做的就是圍繞大一個位置小圓圈。我正在使用引導程序3並希望在圈子上保持響應。定位最好的方法是什麼？我會簡單的方法是在CSS定義位置

.one { 
    left: 260px; 
    top: -30px; 
} 

.two { 
    top: 50px; 
    left: 310px; 
} 

.three { 
    right: -100px; 
    top: 140px; 
}

的問題是，當我調整瀏覽器更小的（以適應平板電腦屏幕或手機），圓盤旋對方，他們應垂直直列定位。謝謝您的回答。

來源

2013-10-15 user859670

不是一個確切的科學，但你可以使用CSS媒體查詢來調整各種屏幕尺寸來重新定位你的位置。

事情是這樣的：

@media (min-width: 600px) { 
    .one { 
    left: @left; 
    top: [email protected]; 
    } 
} 

@media (max-width: 599px) and (min-width: 300px) { 
    .one { 
    left: @left/2; 
    top: [email protected]/2; 
    } 
}

如果你重新編譯自舉的LESS，那麼他們有屏幕尺寸預先定義的： @屏幕-XS，@屏幕-SM，@屏幕-MD，@screen -lg

我已經使用變量來建議你左半邊/頂邊的一半。

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

來源

2013-10-16 10:47:35 webbo

引導3圖像顯示

回答

相關問題