모바일 장치에서와 마찬가지로 데스크톱 웹 사이트를 표시하고 모바일 장치에서 읽은 모든 내용이 더 작아 지도록합니다. 기본적으로 어떤 요소도 작은 화면에 배치하기 때문에 접히지 않습니다. 이 조정을 제공 할 메타 태그 또는 미디어 쿼리가 있습니까? 이것은 내가 현재 나는 내 헤더 usig 무엇모바일 장치에서 웹 페이지를 동일한 비율로 유지하는 방법
...
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<meta http-equiv="pragma" content="no-cache">
....
</head>
감사
CSS3 media queries.
CSS Tricks has a tutorial for providing different CSS for different browser window sizes (이는 더 유용한 메트릭으로 표시 해상도입니다.)
또는 항상 백분율과 em을 사용하는 등 반응이 좋은 사이트를 구축 할 수 있습니다. 응답 성이 뛰어난 사이트를 구축하는 방법을 보여주는 자습서가 많이 있습니다.
사용자의 요구에 맞게 것이다 들여다 볼 수있는 것들 :
그러나, 확장 단지 크기가 조정되는 일부 요소가/많은 다른 뷰포트 크기의 일부 말도 보일 수 있습니다. 뷰포트 크기에 비해 너무 크거나 작은 특정 요소를 사용하지 않는 것이 좋습니다. 그러므로 @media query
대부분의 스마트 폰은 필요에 따라 데스크톱 웹 사이트의 크기를 조정합니다. 그래서, 당신은 아무것도 할 필요가 없습니다.
모바일 용 CSS 파일 설정 [이 튜토리얼이 도움이 될 수 있음] (http://www.garron.me/en/blog/creating-an-alternate-css-for-mobiles.html) 알아보기에서 확인하십시오. 무엇을 해야할지. – gersande
왜 이것을 원하니? 당신은 웹 디자인을 다르게 생각할 필요가 있습니다. 작은 화면에 적응하지 않는 디자인을 제공하여 모바일 장치를 손상시키지 않아야합니다. 반응 형 웹 디자인에 대한 도움말은 다른 의견과 답변을 참조하십시오. – aaronburrows
@aaronburrows, 내가 지금 직면하고있는 문제에 대한 임시 수정본이지만 수정할 시간을 많이 가질 필요가 없습니다. 그게 다야. 적어도 프런트 엔드 사용자는 HTML 요소가 절반으로 줄어들지 않고 모든 데이터를 보거나 적어도 스크롤 할 수 있어야합니다. – blackhawk