사이트 기본 해상도 변경

내 디자인을 작업하는 동안 CSS 줌 속성이 크롬에서는 작동하지만 파이어 폭스에서는 작동하지 않는 것으로 나타났습니다. 메타에 "initial-scale = 0.1"매개 변수를 사용하려고했습니다. 콘텐츠 클래스이지만 모든 브라우저에서 작동하지 않습니다. 내 사이트가 기본 확대/축소 (80 %)보다 우수하므로 중요합니다. 그리고 아래의 것들은 오직 하나의 크롬을 작동하고 있습니다. 기본 줌을 어떻게 바꿀 수 있습니까?사이트 기본 해상도 변경

<html> 
    <head> 
     <title>Title of the document</title> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> 
    <!--<meta content="initial-scale=0.1">--> 
    </head> 

    <body> 
     <span> blabla</span> 
     <div></div> 
     <style type="text/css"> 
      div { 
       color: purple; 
       width: 100px; 
       height:100px; 
      background-color: #d8da3d 
      } 
      body { 
       zoom:0.5; 
      } 
     </style> 
    </body> 

</html>

출처

2014-11-16 user3450044

줌 대신에 transform : scale (0.5)를 사용해 볼 수 있습니다. – dfsq

왜 80 % 줌에서 가장 잘 보이는 사이트를 만들었습니까? – Turnip

먼저 ; 귀하의 질문에 해상도라고 .. 당신은 줌 비율을 의미하는 동안. 줌 IE, 사파리 4, 크롬에서 지원

확대합니다.

확대/축소는 Opera 또는 Firefox에서 지원되지 않습니다.

Firefox의 경우 버전 3.5 이상을 사용할 수 있습니다. -moz-transform: scale(0.8); 참고; 인라인 요소로 인해 다른 요소가 강제로 이동하지 않아 오버레이가 발생합니다.

결론 그래서 작은 웹 사이트를 사용하는 운영자 추천 것, 모든 브라우저가 웹 사이트 같은 방법으로 표시 할 수 있습니다. px 또는 %를 사용할 수 있습니다. (em 글꼴)

대부분의 화면이 더 넓고 10 진수를 만들지 않고 숫자를 다른 많은 숫자로 나눌 수 있으므로 너비는 960px를 선호합니다.

출처

2014-11-16 23:39:21

사이트 기본 해상도 변경

답변

관련 문제