Responsive images

前端 未结 2 740
渐次进展
渐次进展 2020-12-11 12:25

I\'m not looking for a inventive solution on the images, I\'ve read plenty of content about loading images etc.

I\'m just doing some basic responsive design and want

相关标签:
2条回答
  • 2020-12-11 12:48

    In your CSS You are using media query for a max-width of 420px which is a mobile view. Have you tried to resize your browser at a very low level? @media (max-width: 420px){ #header #nav #search img,#header #nav #account img,#header #nav #menu img { width:50%;

    } http://codepen.io/anon/pen/kchqg

    0 讨论(0)
  • 2020-12-11 12:59

    Apply max-width to your images.

    img {
        max-width: 100%;
    }
    

    http://jsfiddle.net/VBHhD/

    I would also use an unordered list for navigation, but that's just me.

    0 讨论(0)
提交回复
热议问题