遇到好幾次了,記錄一下。flex除了會造成圖片失真以外,還會造成別的,但是當時太忙,沒記錄就給忘了。
flex佈局挺方便的,我經常用,然後就遇到了一次圖片過大,移動端限制最大寬度,而且圖片還是個數不一定的那種,要求一個圖片,那就寬度是屏幕那麼大,多個圖片固定寬度,問題就來了
一個圖片的時候也是flex佈局,限制了寬度,我當時以爲這樣圖片就寬高適應,也不會失真,但是,這個flex就會造成圖片高度還是那麼高,寬度我給限制了,然後就像拉長了一樣。
無奈。
遇到好幾次了,記錄一下。flex除了會造成圖片失真以外,還會造成別的,但是當時太忙,沒記錄就給忘了。
flex佈局挺方便的,我經常用,然後就遇到了一次圖片過大,移動端限制最大寬度,而且圖片還是個數不一定的那種,要求一個圖片,那就寬度是屏幕那麼大,多個圖片固定寬度,問題就來了
一個圖片的時候也是flex佈局,限制了寬度,我當時以爲這樣圖片就寬高適應,也不會失真,但是,這個flex就會造成圖片高度還是那麼高,寬度我給限制了,然後就像拉長了一樣。
無奈。
<style type=text/css>td { font-size: 12px; color: #000000; line-heig
絕對定位 + margin,讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
二級導航實例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi