Google 크롬에서만 발생하는 CSS 문제가 있습니다. overflow: hidden으로 설정된 객체는 수평 중심의 컨테이너 내에서는 가장자리에서 '잘림'되고, 고해상도 디스플레이에서만 이상한 브라우저 너비 인 에서만 나타납니다. HTML : <html><body>
<div id="container">
<div class="sprite"
이이 설명 그래서 많은 단어가 다른에 다른 의미하기 때문에이 Preparing the images for retina-ready (web) 아래 링크 후속이다 사람들. 망막과 비 망막 모두에서 좋은 이미지를 보이는 이미지가 하나있는 것 같습니다 : 화면상의 이미지의 최대 너비는 400이고 최대 높이는 300이어야하며 이미지 자체는 800이어야합니다. x 6
iPhone 망막을위한 부트 스트랩 3 XS Adobe Illustrator/Photoshop 템플릿을 개발 중입니다. 모든 스크린 요소에 대해 망막의 2 배 크기 증가로 인해 표준 거 터 크기 30px를 템플릿에서 60px로 두 배로 늘릴 필요가 있음을 확인했습니다. 다음은 거터와 디자인 요소가 2 배 위로 부 팅 된 현재 템플릿의 사진입니다. 감사합니다
는이 코드가 있습니다 <a href="/smi" class="media-link">
<img src="/images2/smi.png" alt="About">
</a>
이을 smi.png를 - 그것은 내가 이을 smi2.png 한 간단한 이미지입니다 - 그것은 망막 이미지 입니다 이 코드에서 두 이미지를 어떻게 설정합니까?
나는 레티 나 기기 전용 망막 이미지가 아닌 망막 이미지를 전환하기 위해 retina.js (http://imulus.github.io/retinajs/)를 사용하고있는 사이트를 운영하고 있습니다. 이 사이트는 반응 형 HTML 웹 사이트입니다 (Twitter Bootstrap 사용). 문제는 다음과 같습니다. 망막 장치에 페이지가로드되면 망막 장치가 [e
망막이없는 화면에서 Chrome/Safari의 크기가 커지는 큰 이미지에 문제가 있습니다. 파이어 폭스는 더 나은 일을한다. 왼쪽은 FireFox이고 오른쪽은 Chrome입니다. 나는 이미 사용하려고 시도했다 : image-rendering: -webkit-optimize-contrast;
그러나 그것은 내가 생각하지 않았거나 거의 차이가 없었다. 스펙
일반 디스플레이 (350px x 43px)와 망막 (700px x 86px)의 두 이미지를 만들었습니다. 아래의 코드를 사용하면 이미지를 변경하는 것과 관련하여 모든 작업이 수행되지만 hi-res.jpg는 실제 크기 인 700px x 86px로 표시됩니다. 나는 망막 그래픽에 완전히 익숙하지 않으므로이를 수정하는 정확한 방법을 모릅니다. 두 이미지는 너비가
망막 장치에서 @ 2x 이미지를 제공하기 위해 내 사이트에서 망막을 사용합니다. 대형 스크린 데스크탑 장치 인 none retina에서 @ 2x 이미지를 서버에 jQuery로도 사용할 수 있기를 바랍니다. 따라서 화면 해상도가 1330px 이상이면 파일 접미사/확장자 바로 앞에 파일 이름 끝에 @ 2x를 추가 할 수 있기를 원합니다. 누군가 내가이 작업을
목표는 게임 캔버스 고해상도/망막을 만드는 것입니다. 나는 Gamemaker라는 소프트웨어를 사용하고 있는데,이 캔버스 고해상도/망막을 만들고 싶습니다. 비록 내가 이식하는 방법을 모를 생각은 없지만. 여기에 아주 명확하게 문제를 설명하는 두 개의 링크입니다 http://www.smashingmagazine.com/2012/08/20/towards-reti