StoryCode

'전체 글'에 해당되는 글 570건

  1. mac 설치
  2. Python.설치파일만들기
  3. 2020-093.CSS.Font Size.폰트 크기.rem.em.px.vh/vw.ex/ch

mac 설치

OS 설치, VMWare 설치 관련
반응형

1) VMWare 설치. + 업데이트.

 

2) unlocker_303 에서 win-install.cmd 관리자로 실행후 리부트

이걸 설치해야 vmware 에서 vm 생성시 "Apple Mac OS X" 옵션이 생긴다.

 

3) VM

3-1) New VM > I will install the operating system later.

3-2) Apple Mac OS X 선택후 버전 선택 ( Catalina 는 10.15 ). 버전이 없으면 unlocker_303 설치후 리부트 반복

 

 

 

반응형

'OS 설치, VMWare 설치 관련' 카테고리의 다른 글

VMWARE.OSBoxes.org 에서 Ubuntu 설치  (0) 2021.07.15
2020-098.Oracle.VMWare.OracleLinux 에 설치하기  (0) 2020.04.07
VMWARE.macOS Catalina 설치.오류.디스크가 안보일경우  (1) 2020.03.12
CENTOS Minimal 설치후, yum install 할 것들.  (0) 2020.01.11
Apache 2, Centos7, VirtualBox  (0) 2019.10.15
,

Python.설치파일만들기

Python, 파이썬
반응형

1) File > Settings > Project Interperter 에서 pyinstaller 설치

 

2) command> pyinstaller -F -n main.exe main.py

 

 

반응형

'Python, 파이썬' 카테고리의 다른 글

기차표 예매 (SRT)  (0) 2021.04.06
python.gmail.로그인.메일발송  (0) 2020.06.15
(작성중) Python.QT5.mathplotlib.막대그래프  (0) 2020.04.02
Application.PyQT5.Anaconda.PyCharm  (0) 2020.04.02
아래한글 ( HWP ) 텍스트 처리  (0) 2020.02.17
,

2020-093.CSS.Font Size.폰트 크기.rem.em.px.vh/vw.ex/ch

Web Dev, HTML, CSS, SVG, BootStrap/CSS
반응형

참조) https://webclub.tistory.com/356

em

 

부모의 폰트사이즈 X 자신의 폰트 사이즈가 된다.

 body { font-size:10px }
div { font-size:1.2em; }

<body>
  <div>
    Test (10 * 1.2 = 12px)
    <div>
      Test (12 * 1.2)
      <div>
        Test (12 * 1.2 * 1.2) 
       </div>
     </div>
  </div>
</body> 

rem

 

root (<html>) 의 폰트사이즈 X 자신의 폰트 사이즈가 된다.

 

width 에도 사용가능하다.

 

grid 에서 사용된다.

 html { font-size : 14px; }
div { font-size : 1.2rem; }

<body>
  <div>
    Test (10 * 1.2 = 12px)
    <div>
      Test (10 * 1.2)
      <div>
        Test (10 * 1.2)
       </div>
     </div>
  </div>
</body> 

vh & vw
( vertical height & width )

뷰포트의 너비값과 높이값

 

반응형에 사용

브라우저 높이가 900px 이면 1vh = 9px, 750px 이면 1vh = 7.5px

 

vmin & vmax

vmin : 화면 width
vmax : 화면 height

.box1 # 가로는 100%, 세로는 가로길이인 정사각형
{
  height: 100vmin;
  width : 100vmin;
}

.box2 # 세로는 100%, 가로는 세로길이라서 화면을 넘어가는 정사각형
{
  height: 100vmin;
  width : 100vmin;
}

 

 

반응형

'Web Dev, HTML, CSS, SVG, BootStrap > CSS' 카테고리의 다른 글

Div.가상요소 설명  (0) 2021.04.05
CSS1,2,3  (0) 2020.03.04
CSS 변수  (0) 2019.10.08
CSS Animation : 2D Transform  (0) 2019.08.14
(작성중) transition, transform (rotate, translate)  (0) 2018.10.26
,

티스토리툴바