«css» 태그된 질문

iPhone 5의 화면이 길어 웹 사이트의 모바일 화면을 보지 못했습니다. iPhone 5의 새로운 반응 형 디자인 쿼리는 무엇이며 기존 iPhone 쿼리와 결합 할 수 있습니까? 내 현재 미디어 쿼리는 다음과 같습니다. @media only screen and (max-device-width: 480px) {}

132 iphone  css  responsive-design  media-queries  iphone-5 

아래 언급 된 레이아웃과 같이 페이지 중앙에 div를 배치하여 부트 스트랩을 사용하여 반응 형 페이지를 만들어야합니다.

132 css  twitter-bootstrap  responsive-design 

응용 프로그램에서 사용하는 다양한 뷰에 대해 별도의 스타일 시트를 사용하는 올바른 방법은 무엇입니까? 현재 상단의 view / partial html에 링크 요소를 배치하고 있지만 모든 최신 브라우저가 지원하지만 나쁜 인상을받는 이유는 알 수 있지만 나쁜 습관이라고 들었습니다. 다른 가능성은 index.html에 별도의 스타일 시트를 배치하는 head것이지만 성능 이름으로 뷰가로드되는 경우에만 스타일 시트를로드하고 …

132 css  model-view-controller  angularjs 

나는 잠시 동안 iPad에서 고정 위치로 고심하고 있습니다. 나는 iScroll을 알고 있으며 항상 데모 에서조차 작동하지는 않습니다. 또한 Sencha에 대한 수정 사항이 있지만 해당 수정의 소스 코드를 Ctrl+ 할 수 없습니다 F. 누군가가 해결책을 가질 수 있기를 바랍니다. 문제는 사용자가 iOS 기반 모바일 Safari에서 팬 / 업 / 업할 때 …

132 iphone  css  ipad  ios  mobile 

작은 인트라넷 응용 프로그램을 작성하는 중입니다. 운 좋게도 최근에 구입 한 Adobe 글꼴 을 사용해보십시오 . 내가 알았 듯이 우리의 경우 라이센스 위반이 아닙니다. 모든 주요 브라우저를 대상으로 .ttf / .otf 버전의 글꼴을 .woff, .eot 및 .svg로 변환했습니다. 내가 사용한 @ font-face 구문은 기본적으로 Font Spring 의 방탄 구문입니다 . …

132 internet-explorer  css  internet-explorer-9  font-face 

최근까지 내 사이트 (www.heatexchangers.ca)는 Google Page Speed에서 98 %를 기록했습니다. 웹 글꼴의 쿼리 문자열과 같이 아무것도 할 수 없었던 몇 가지가있었습니다. 이것이 내가 할 수있는 모든 것을 대표했기 때문에 나는 이것에 매우 만족했습니다. 최근 Google은 페이지 속도 점수에 영향을 미치는 다른 것을 추가했으며 이제 Page Speed에서 89 % 만 받고 …

132 javascript  html  css  google-pagespeed 

누구나 자바 스크립트에 의존하지 않고 Firefox에서 이미지를 드래그 할 수없고 선택 할 수 없도록 만드는 방법을 알고 있습니까? 사소한 것처럼 보이지만 여기에 문제가 있습니다. 1) Firefox에서 끌어서 강조 표시 할 수 있습니다. <img src="..."> 2) 따라서 이것을 추가하지만 드래그하는 동안 이미지를 여전히 강조 표시 할 수 있습니다. <img src="..." draggable="false"> …

132 css  html  firefox  draggable 

예를 들어 내가 이것을 가지고 있다면 : <a style="" href="page.html">page link</a> 링크를 클릭 할 수없고 page.html로 이동하지 않도록 스타일 속성에 사용할 수있는 것이 있습니까? 또는 앵커 태그에 '페이지 링크'를 단순히 래핑하지 않는 유일한 옵션입니까? 편집 : 사람들이 더 나은 조언을 제공 할 수 있도록 왜 내가 이것을하고 싶은지를 말하고 싶습니다. …

132 html  css  anchor 

div 블록의 텍스트가 넘치지 않도록 할 수 있습니까?

132 html  css  overflow 

응용 프로그램에서 사진을 표시하기 위해 HTML의 img 태그를 사용하고 있습니다. 높이 및 너비 속성을 64로 설정했습니다. 이미지 해상도 (예 : 256x256, 1024x768, 500x400, 205x246 등)를 64x64로 표시해야합니다. 그러나 img 태그의 높이 및 너비 속성을 64로 설정하면 가로 세로 비율이 유지되지 않으므로 이미지가 왜곡되어 보입니다. 참고로 정확한 코드는 다음과 같습니다. <img …

132 html  css 

CSS에 다음이 있습니다. 모든 여백 / 패딩 / 테두리가 전체적으로 0으로 재설정됩니다. #wrapper{width: 75%; min-width: 800px;} .content{text-align: justify; float: right; width: 90%;} .lbar{text-align: justify; float: left; width: 10%;} 이제 HTML을 다음과 같이 쓸 때 <div id="wrapper"> <div class="content"> some text here </div> <div class="lbar"> some text here </div> </div> 페이지가 …

131 html  css 

서버의 요청 수를 줄이기 위해 일부 이미지 (PNG & SVG)를 BASE64로 CSS에 직접 포함했습니다. (빌드 과정에서 자동화 됨) 이처럼 : background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...); 이것이 좋은 습관입니까? 이것을 피할 몇 가지 이유가 있습니까? 데이터 URL을 지원하지 않는 주요 브라우저가 있습니까? 보너스 질문 : CSS & JS 에서도이 작업을 수행하는 것이 합리적입니까?

131 html  css  base64 

닫은. 이 질문은 스택 오버플로 지침을 충족하지 않습니다 . 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 질문을 업데이트하여 스택 오버플로에 대한 주제 입니다. 휴일 오년 전에 . 이 질문을 개선하십시오 이미지가 포함 된 MCVE / SSCCE 를 준비 할 때는 이미지에 직접 액세스하는 것이 좋습니다. 대부분의 질문을 다루는 이미지 유형은 …

131 java  javascript  css  image 

앵커 태그에서 너비와 높이를 픽셀 단위로 설정할 수 있습니까? 앵커 안에 텍스트를 유지하면서 배경 이미지를 갖도록 앵커 태그를 갖고 싶습니다. li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; } <li><a href="#">Something</a></li> 코드 스 니펫 실행결과 숨기기스 니펫 확장

131 html  css  cross-browser 

클릭하면 <INPUT> 상자의 텍스트가 지워지는 멋진 작은 아이콘이 필요합니다. 이는 입력 상자 외부에 명확한 링크를 두지 않고 공간을 절약하기위한 것입니다. 내 CSS 기술이 약합니다 ... 다음은 iPhone이 어떻게 보이는지에 대한 스크린 샷 사진입니다.

131 javascript  iphone  html  css