내 사이트의 프레임 워크에서 http://www.getskeleton.com/을 사용하고 있습니다. 예를 들어 이미지 크기를 다른 화면 크기로 조정하고 싶습니다. iPhone. 누구든지이 일을하는 가장 쉬운 방법을 알고 있습니까? 나는 Google 검색을 수행했으며 어느 것이 가장 적합한 지 알기에는 너무 많은 옵션이 주어졌습니다. 화면이 작아지면 작은 이미지로 이미지가 변경됩니다.반응 이미지 - 다른 화면 크기로 이미지 크기 조정
디자인 커뮤니티에서 각기 다른 장단점을 가지고 고안 한 방법이 많이 있습니다. 아무 "완벽한"일 없습니다 (미디어 쿼리와 I/개 새로운 img 태그는하지만, working group이 문제 adressing한다)
이 엄마 그것을 할 좋아하는 방법은 여기에 설명 된 하나입니다 http://headlondon.com/our-thoughts/technology/posts/creating-responsive-images-using-the-noscript-tag
당신은해야합니다을 루비 헬퍼 (Ruby helper gem)이기 때문에 스크립트를 수정해야합니다. 일반 html/js가 아닙니다.
당신은 발견 할 것이다
img.scale-with-grid {max-width: 100%;height: auto; }
단지 사용자 이미지에서 "확장 그리드와"그것은 내가 프레임 워크에 대한 방법이 있었다는 것을 발견 조금 파고 후 트릭을
격자가있는 img.scale-with-grid {width : 100 %; height : auto; } 잘 작동합니다. – Laurence
을 할 것입니다 내가 원하는 걸해라. img.scale-with-grid { \t \t 최대 너비 : 100 %; \t \t 높이 : 자동; } 귀하의 회신에 감사드립니다 –
장치 해상도에 따라 이미지를 다시 배치합니까? – mddw
그게 답이라면 대답으로 추가하고 받아 들여서 다른 사람들이 그것을 찾을 수 있도록해야합니다. –