본문 바로가기

webdesign

모바일 코딩 모바일 텍스트 인풋 자동 확대 방지Disable Auto Zoom in Input “Text” tag - Safari on iPhonehttps://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone I made an HTML page that has an tag with type="text". When I click on it using Safari on iPhone, the page becomes larger (auto zoom). Does anybody know how to disable this? The browser will zoom if the font-size is less than 1.. 2018. 10. 18. 02:01 더보기
줄바꿈 하이픈 https://css-tricks.com/almanac/properties/h/hyphenate/ .element { hyphens: none | manual | auto } The hyphens property controls hyphenation of text in block level elements. You can prevent hyphenation from happening at all, allow it, or only allow it when certain characters are present. Note that hyphens is language-sensitive. Its ability to find break opportunities depends on the language, defi.. 2018. 9. 14. 17:54 더보기
세로 가운데 정렬, 이미지 영역에 배율대로 맞추기 object-fit:contain; display:table-cell; vertical-align:middle; 이미지 칼라 인버트 https://davidwalsh.name/demo/invert-colors-css.php.normal { filter: invert(0%); } .inverted { filter: invert(100%); } 가상선택자 https://css-tricks.com/pseudo-class-selectors/ 2018. 7. 27. 14:56 더보기
화면 밝기에 따른 미디어쿼리 적용 https://tympanus.net/codrops/2013/11/19/techniques-for-responsive-typography/ Font Color AccessibilityA website’s content is primarily there to be read, and low-contrast font colors can lead to text being unreadable. Don’t compromise high readability for beautiful comps. This is not just a design tip, this is a necessity when you’re creating content on the web.W3C’s Web Content Accessibility Gui.. 2018. 7. 12. 03:45 더보기
quirks mode / 쿽 모드 / 쿽스 모드 :-| 삑사리들 보호되어 있는 글입니다. 더보기
css : @page, @media print, height 100%, ------------------- 프린트 tory84.com/page.php?bbs=dev_html&bbs_idx=10 width: 21cm; min-height: 29.7cm; @page { size: A4 landscape; margin: 0; /*size: landscape;*/ } @media print { .page { margin: 0; border: initial; border-radius: initial; width: initial; min-height: initial; box-shadow: initial; background: initial; page-break-after: always; } } viewport 속성 : - 웹브라우저의 화면을 각 디바이스에 최적화 된 크기로 표현해준다... 2017. 12. 9. 03:02 더보기
html5 마크업 xhtml 홀태그 닫기 - xhtml 형식 html5 에서는 둘 다 상관없음 http://blog.naver.com/ksh81850/220266679560http://lunikism.com/853 svg 예시 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_svg_logo 2017. 8. 1. 17:24 더보기
사파리에서 html 소스보기 / 맥용 html 에디터 http://newtv.tistory.com/164 safari > preferences > advanced > show develop menu in menu bar : checkbox http://coteditor.com/ 2017. 7. 23. 20:15 더보기