어떻게 CSS를 사용할 때 화면에 따라 컨트롤을 어디에 둘 것인지 알 수 있습니까?

-1

내가 넷빈즈 8.0.1를 사용하고 있는데 나는이 내용으로 CSS 파일이 : 그것은 넣고 컨트롤 및 기타 물건의 위치를 변경 어디에서 실시간으로 볼 수있는 방법을어떻게 CSS를 사용할 때 화면에 따라 컨트롤을 어디에 둘 것인지 알 수 있습니까?

/* null margins and padding to give good cross-browser baseline */ 
html,body,address,blockquote,div, 
form,fieldset,caption, 
h1,h2,h3,h4,h5,h6, 
hr,ul,li,ol,ul,dd,dt,dl, 
table,tr,td,th,p,img { 
    margin:0; 
    padding:0; 
} 

img,fieldset { 
    border:none; 
} 

hr { 
    display:none; 
    /* 
     HR in my code are for semantic breaks in topic/section, NOT 
     style/presenation, so hide them from screen.css users 
    */ 
} 

@media (max-width:600px) { 
    * { 
     -webkit-text-size-adjust:none; 
     -moz-text-size-adjust:none; 
     -ms-text-size-adjust:none; 
    } 
} 

body { 
    font:normal 85%/150% "segoe ui",helvetica,sans-serif; 
} 

.ss_scripted img { 
    display:none; 
} 

.ss_scripted .ss_show { 
    display:block; 
} 

#slideShow img { 
    margin:0 auto; 
} 

#slideCounter { 
    text-align:center; 
    padding:0.25em 1em; 
    font:bold 200%/120% consolas,courier,monospace; 
    color:#C00; 
} 

#slideControls { 
    width:512px; 
    padding:0.5em 0; 
    margin:0 auto; 
} 

#slideControls a { 
    float:left; 
    padding:0.25em 0.6em; 
    text-decoration:none; 
    color:#000; 
    background:#EEE; 
    border:2px solid #666; 
    -webkit-border-radius:1em; 
    -moz-border-radius:1em; 
    border-radius:1em; 
    -webkit-box-shadow: 
     inset 0 -0.5em 1em rgba(0,0,0,0.3), 
     0 0 1px #000; 
    -moz-box-shadow: 
     inset 0 -0.5em 1em rgba(0,0,0,0.3), 
     0 0 1px #000; 
    box-shadow: 
     inset 0 -0.5em 1em rgba(0,0,0,0.3), 
     0 0 1px #000; 
} 

#slideControls a:active, 
#slideControls a:focus, 
#slideControls a:hover { 
    background:#FFF; 
} 

#slideControls .next { 
    float:right; 
}

볼 때마다 값을 변경하고 실행할 수 있지만 많은 작업이 필요합니다.

예를 들어 디자이너가 있습니다. 그것이 제가 디자이너 같은 것을 의미하는 것입니다.

출처

2014-11-05 Ronit Halifi

왜 내 정보와 동일한 정보를 제공하는 늦은 대답을 선택했는지 궁금합니다. –