2017-12-31 303 views
0

당신은 구글에서 특정 화면 너비 후에 html이 작아지는 것을 막을 수있는 방법을 알고 있습니까? Google 검색 페이지처럼 너무 막기 전에 축소됩니다. 어쨌든 내가 html로이 작업을 수행 할 수 있습니까? 나는 부트 스트랩에 처음이다.html 축소를 어떻게 멈출 수 있습니까?

여기 내 펜입니다 ->https://codepen.io/Mike-was-here123/pen/xpEqWX

. 

나는 텍스트가 화면의 크기에 따라 작은 가지고있는이 codepen을 보았다. 그들은 어떻게 했습니까? ->https://codepen.io/jpamental/pen/QadmNv

+0

@media 규칙과 같은 것을 찾고 계십니까? https://www.w3schools.com/cssref/css3_pr_mediaquery.asp 다른 화면 크기에 대해 다른 크기 조정 규칙을 정의하는 데 도움이됩니다. – rawsly

답변

0

언제든지 미디어 쿼리를 사용하여 특정 화면 크기에서 특정 레이아웃 기본 설정을 제어 할 수 있습니다. 부트 스트랩은 모바일 대응 레이아웃에 적합합니다. CSS 파일에 이러한 미디어 쿼리를 추가하여 주어진 임계 값에서 레이아웃을 사용자 정의하여 기본 부트 스트랩 동작을 무시할 수 있습니다.

@media screen and (max-width: 699px) and (min-width: 520px) 

참조 용으로 기본 예제입니다. 도움이 될 것입니다. 선택할 수있는 것이 많습니다. https://www.w3schools.com/css/css3_mediaqueries_ex.asp - W3Schools Media Query 자습서에 대한 링크.

+0

나는 그것을 덧붙여서 아직도 내려 가고 다운 사이징을 멈추지 않는다. 특정 차원에 도달했을 때 변경해야 할 것이 있습니까? – Leed

+0

일관된 크기 조정은 일반적으로 너비가 변경되는 계층 전체에 100 %로 설정되어 있기 때문에 발생합니다. 각 미디어 쿼리의 너비를 명시 적으로 정의하십시오. 덜 싫은 뼈다귀 접근 방식으로 [응답이없는 부트 스트랩] (https://getbootstrap.com/docs/3.3/examples/non-responsive/) 템플릿을 사용할 수도 있습니다. –

+0

본문 { 최소 너비 : 520px; } -> 답변이었습니다. – Leed